@charset "UTF-8";
/*******************************
 * 파일명 : Agrotrade css
 * 설명 :
 * JSK - AXIS 2021-03-14
  ******************************/

/*************************************************** reset ***************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,textarea,button,a {margin:0; padding:0; font-family:"Roboto", "Noto", sans-serif; font-size:16px; line-height:1.5; box-sizing:border-box;}
article, section, header, footer, aside, nav, figure, figcaption {margin:0; padding:0; box-sizing:border-box;}
fieldset,img {border:0 none; max-width: 100%;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
input,textarea,button {margin:0; padding:0; font-family:"Roboto", "Noto", sans-serif; box-sizing:border-box; vertical-align:middle;}
button {border:0 none;background-color:transparent; cursor:pointer; outline:0;}
body {background:#fff;}
a {text-decoration:none;}
address,caption,cite,code,dfn,em,var {margin:0; padding:0; font-family:"Roboto", "Noto", sans-serif; box-sizing:border-box; font-style:normal; font-weight:normal;}
hr {display:none;}
caption {display:none; height:0; color:transparent;}
table {width:100%; border-collapse:collapse;}
textarea {resize:none; overflow-y:auto; box-sizing:border-box; font-size:16px; color:#222;}
img {vertical-align:top; border:0;}

.wrap {min-width:1500px; overflow:hidden;}
/*************************************************** common ***************************************************/
.ipArea select {height:46px; padding:0 45px 0 20px; background:#eaf7fb url(/images/img_lang_sel2.png) no-repeat right 15px center; font-size:16px; color:#222; font-weight:normal; border-radius:12px; border:0; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 12px;}
.ipArea select::-ms-expand {display:none;}
.ipArea input[type=text] {height:46px; padding:0 20px; background:#eaf7fb; font-size:16px; color:#222; font-weight:normal;  border-radius:12px; border:0; outline:0;}
.ipArea input[type=text]::placeholder {color:#ccc; font-size:16px; font-weight:400;}
.ipArea input[type=text]:-ms-input-placeholder {color:#ccc; font-size:16px; font-weight:400;}
.ipArea input[type=password] {height:46px; padding:0 20px; background:#eaf7fb; font-size:16px; color:#222; font-weight:normal;  border-radius:12px; border:0; outline:0;}
.ipArea input[type=password]::placeholder {color:#ccc; font-size:16px; font-weight:400;}
.ipArea input[type=password]:-ms-input-placeholder {color:#ccc; font-size:16px; font-weight:400;}
.ipArea input[type=radio]{display:none;}
.ipArea input[type=radio] + label {display:inline-block; height:26px; padding:0 25px 0 31px; background:url(/images/img_radio.png) no-repeat 0 center; font-size:16px; color:#222; font-weight:normal;}
.ipArea input[type=radio]:checked + label {background:url(/images/img_radio_on.png) no-repeat 0 center;}
.ipArea .addText {margin:0 0 0 15px; font-size:16px; color:#888; font-weight:400;}
.ipArea textarea {resize:none; overflow-y:auto; padding:0 20px; background:#eaf7fb; font-size:16px; color:#222; font-weight:normal; border-radius:12px; border:0; outline:0;}

.spType01 {display:inline-block; padding:12px 25px 8px 25px; background:#43abae; font-size:16px; color:#fff; font-weight:normal; border-radius:6px; }
.spType02 {display:inline-block; padding:12px 25px 8px 25px; background:#aaa; font-size:16px; color:#fff; font-weight:normal; border-radius:6px;}

.pagination {margin:60px 0 0 0; text-align:center;}
.pagination a.prev {width:42px; height:42px; margin:0; background:url(/images/img_pag_prev.png) no-repeat 0 0; border-radius:0; transition:all .3s ease;}
.pagination a.next {width:42px; height:42px; background:url(/images/img_pag_next.png) no-repeat 0 0; border-radius:0; transition:all .3s ease;}
.pagination a.prev:hover {width:42px; height:42px; background:url(/images/img_pag_prev_on.png) no-repeat 0 0; border-radius:0;}
.pagination a.next:hover {width:42px; height:42px; background:url(/images/img_pag_next_on.png) no-repeat 0 0; border-radius:0;}
.pagination a {display:inline-block; width:34px; height:34px; margin:0 0 0 8px;font-size:16px; color:#aaa; font-weight:300; line-height:34px; text-align:center; vertical-align:middle;  transition:all .3s ease;  border-radius:17px;}
.pagination a:hover, .pagination a.on {background:#222; font-size:16px; color:#fff; font-weight:300;}

/*************************************************** footer ***************************************************/
.footer {width:100%; min-width:1532px; margin:80px 0 0 0; padding:0 0 100px 0; background:#fdfefe; border-top:1px solid #eee;}
.footerIn {width:1532px; margin:0 auto; padding:45px 0 0 0;}
.footerTopLogoArea {width:100%; background:#f9fbfd;}
.footerTopLogoIn {width:100%; min-width:1532px; height:75px; padding:22px 120px 22px 160px; background:#f9fbfd; text-align:center;}
.ftl01 {display:inline-block; width:46px; height:31px; background:url(/images/img_f_logo01.png) no-repeat 0 0;}
.ftl02 {display:inline-block; width:82px; height:31px; margin:0 0 0 308px; background:url(/images/img_f_logo02.png) no-repeat 0 0;}
.ftl03 {display:inline-block; width:67px; height:31px; margin:0 0 0 306px; background:url(/images/img_f_logo03.png) no-repeat 0 0;}
.ftl04 {display:inline-block; width:91px; height:31px; margin:0 0 0 288px; background:url(/images/img_f_logo04.png) no-repeat 0 0;}

.footerMidLinkArea {margin:0;}
.footerMidLinkArea:after {display:block; content:""; clear:both;}
.footerMidLinkArea > li {float:left; width:calc(100% / 6);}
.footerMidLinkArea > li:nth-child(2) ul li {margin:8px 0 0 0; line-height:1;}
.footerMidLinkArea > li:nth-child(2) ul li:first-child {margin:4px 0 0 0;}
.footerMidLinkArea > li:nth-child(2) ul li a {line-height:18px;}
.footerMidLinkArea > li strong {font-size:16px; color:#888; font-weight:500;}
.footerMidLinkArea > li > ul {margin:11px 0 0 0;}
.footerMidLinkArea > li > ul > li {margin:2px 0 0 0;}
.footerMidLinkArea > li > ul > li:first-child {margin:0;}
.footerMidLinkArea > li > ul > li > a {font-size:14px; color:#888; font-weight:normal;}
.footerMidLinkArea > li > ul > li > a:hover {color:#222; text-decoration:underline;}
.footerUnderLinkArea {margin:47px 0 0 0; padding:24px 0 26px; text-align:center; border-top:1px solid #eee;}
.footerUnderLinkArea li {display:inline-block; margin:0 0 0 82px;}
.footerUnderLinkArea li:first-child {margin:0;}
.footerUnderLinkArea li a {font-size:14px; color:#888; font-weight:normal;}
.footerUnderLinkArea li a:hover {color:#222; text-decoration:underline;}

.footerLogoArea {margin:52px 0 0 0; text-align:center;}
.footerLogoArea img + img {margin:0 0 0 100px;}
.footerAddr {padding:35px 65px 2px; border-top:1px solid #eee;}
.footerAddr ul {}
.footerAddr ul:after {display:block; content:""; clear:both;}
.footerAddr li {position:relative; float:left; width:calc(100% / 3); text-align:center; font-size:14px; color:#aaa; font-weight:300; line-height:22px;}
.footerAddr li:before {display:block; content:""; position:absolute; left:0; top:5px; width:1px; height:10px; background:#eee;}
.footerAddr li:first-child:before {display:none;}

.footerLArea {position:relative; min-width:1500px; height:74px; border-bottom:1px solid #eee; overflow:hidden;}
.footerLArea ul {width:9999px;}
.footerLArea ul:after {display:block; content:""; clear:both;}
.footerLArea li {float:left; width:200px; height:74px; padding:0 30px; box-sizing:border-box;}
.footerLArea li a {display:block; position:relative; width:200px; height:74px; text-align:center;}
.footerLArea li a img {position:absolute; left:50%; top:50%; max-width:200px; max-height:74px; transform:translate(-50%, -50%)}
.fLeft {position:absolute; left:0; top:0; width:51px; height:74px; background:#fff url(/images/img_f_arr_l.png) no-repeat right center;}
.fRight {position:absolute; right:0; top:0; width:51px; height:74px; background:#fff url(/images/img_f_arr_r.png) no-repeat left center;}

/*************************************************** header ***************************************************/
.header {width:100%; min-width:1500px; height:108px; background:#fff;}
.headerIn {position:relative; width:1500px; margin:0 auto; padding:34px 0 0 0;}
.headerInTop {}
.gnbArea {width:100%; min-width:1500px; height:66px; background:#fff; border-top:1px solid #dde2e5; border-bottom:1px solid #dde2e5;}
.gnbArea .headerIn {padding:0;}
.header h1 {position:absolute; left:60px; top:40px;}
.searchArea {position:relative; width:732px; height:60px; margin:0 auto; padding:15px 0 0 32px; border:3px solid #167ea1; border-radius:30px;}
.searchArea select {width:105px; background:url(/images/img_search_sel.png) no-repeat right center; font-size:16px; color:#222; font-weight:300; border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0;}
.searchArea select::-ms-expand {display:none;}
.searchArea input {width:615px; font-size:16px; color:#222; font-weight:normal; border:0; outline:0;}
.searchArea input::placeholder {font-size:16px; color:#aaa; font-weight:normal; }
.searchArea input:-ms-input-placeholder {font-size:16px; color:#aaa; font-weight:normal;}
.searchArea .mainSearch {display:block; position:absolute; right:32px; top:14px; width:27px; height:27px; background:url(/images/img_search_btn.png) no-repeat 0 0;}
.utilArea {position:absolute; right:32px; top:52px;}
.utilArea > a {color:#888; font-size:14px; font-weight:300;}
.utilArea > a:hover {color:#222; text-decoration:underline;}
.utilLogin {}
.utilSign {position:relative; margin:0 0 0 10px; padding:0 0 0 10px;}
.utilSign:after {display:block; content:""; position:absolute; left:0; top:4px; width:1px; height:10px; background:#e0e4e8;}
.utilMy {display:inline-block; position:relative; margin:0 0 0 14px; padding:0 14px;}
.utilMy:after {display:block; content:""; position:absolute; left:0; top:8px; width:1px; height:10px; background:#e0e4e8;}
.utilMy > a {color:#888; font-size:14px; font-weight:normal;}
.utilMy.on > a {padding:0 0 10px 0; color:#222; text-decoration:underline;}
.utilMy.on .utilHide {display:block;}
.utilHide {display:none; position:absolute; left:2px; top:26px; z-index:10; width:114px; height:62px;  padding:7px 11px 7px 17px; background:#fff; border:1px solid #aaa;}
.utilHide a {display:block; background:url(/images/img_util_arr_right.png) no-repeat right 20px center; font-size:14px; color:#888; font-weight:300;}
.utilHide a:hover {text-decoration:underline;}

.gnbMenu {}
.gnbMenu:after {display:block; content:""; clear:both;}
.gnbMenu li {float:left; width:200px; text-align:center;}
.gnbMenu li.ham {width:300px; background:url(/images/img_ham.png) no-repeat 30px 22px; text-align:left;}
.gnbMenu li.ham a {padding:0 0 0 85px; border-right:1px solid #dde2e5; border-left:1px solid #dde2e5;}
.gnbMenu li a {display:block; font-size:18px; color:#aaa; font-weight:normal; line-height:64px;}
.gnbMenu li a:hover {color:#222;}

.langSelArea {position:absolute; right:0; top:0; width:175px; height:65px; padding:19px 15px 0 20px; border-left:1px solid #dde2e5; border-right:1px solid #dde2e5;}
.langSelArea > a {width:auto; padding:0 10px; background:url(/images/img_lang_sel.png) no-repeat right center; font-size:14px; color:#222; font-weight:300; border:0; outline:0;}
.langSelArea.on .langSelHide {display:block;}
.langSelHide {display:none; position:absolute; top:64px; left:-1px;  z-index:10; width:128px; height:92px; padding:7px 11px 7px 30px; background:#fff; border:1px solid #dde2e5;}
.langSelHide > a {font-size:14px; color:#888; font-weight:normal;}
.langSelHide > a:hover {color:#222; text-decoration:underline;}

.shareArea {position:absolute; right:129px; top:0; padding:22px 40px 0 30px;}
/*.shareArea .shareTalk {display:inline-block; width:24px; height:21px; background:url(/images/img_chat.png) no-repeat 0 0;}*/
/*.shareArea .shareMail {display:inline-block; width:21px; height:20px; margin:0 0 0 23px; background:url(/images/img_mail.png) no-repeat 0 0;}*/
.shareArea .shareMail {display:inline-block; position:relative; width:18px; height:19px; margin:0 0 0 23px; background:url(/images/img_alim.png) no-repeat 0 0;}
.shareArea .shareMail > span {display:block; position:absolute; right:-19px; top:8px; height:18px; padding:0 6px; background:#ff6a6a; font-size:11px; color:#fff; font-weight:normal; line-height:20px; border-radius:9px;}

/*************************************************** contents ***************************************************/
/* location */
.location {width:1500px; margin:24px auto 0;}
.location ul {}
.location ul:after {display:block; content:""; clear:both;}
.location li {float:left;}
.location li a {display:block; margin:0 0 0 13px; padding:0 0 0 13px; background:url(/images/img_loc_arr.png) no-repeat 0 center; font-size:16px; font-weight:300; color:#888; line-height:26px;}
.location li:first-child a {margin:0; padding:0; background:0;}
.location li a:hover {color:#222;}
.location li:last-child a {color:#222; font-weight:normal; text-decoration:underline;}


/* login */
.titleArea {width:1500px; margin:79px auto 0; text-align:center;}
.titleArea h2 {font-weight:bold; font-size:40px; color:#222;}
.titleImp {margin:24px 0 0 0; font-size:24px; color:#222; font-weight:500;}
.titleSub {margin:30px 0 0 0; font-size:20px; color:#555; font-weight:300; line-height:26px;}
.descArea {width:1500px; margin:68px auto 0; padding:0 0 120px 0; text-align:center;}
.descArea:after {display:block; content:""; clear:both;}
.descArea > div {display:inline-block;}
.descArea > div + div {margin:0 0 0 47px;}
.descArea > div > a {display:block; width:360px; height:280px; padding:167px 0 0 0;  text-align:center; transition:all .3s ease; border-radius:12px; -webkit-box-shadow: 5px 15px 5px 0px rgba(255,255,255,1); -moz-box-shadow: 5px 15px 5px 0px rgba(255,255,255,1); box-shadow: 5px 15px 5px 0px rgba(255,255,255,1);}
.descArea > div > a.on, .descArea > div > a:hover {-webkit-box-shadow: 5px 15px 5px 0px rgba(153,153,153,0.1); -moz-box-shadow: 5px 15px 5px 0px rgba(153,153,153,0.1); box-shadow: 5px 15px 5px 0px rgba(153,153,153,0.1);}
.descArea > div > a strong {display:block; font-size:24px; color:#888; font-weight:bold;}
.descArea > div > a span {display:block; font-size:16px; color:#888; font-weight:300;}
.descArea > div > a.on strong, .descArea > div > a:hover strong {color:#fff;}
.descArea > div > a.on span, .descArea > div > a:hover span {color:#fff;}
.descSeller > a {background:#f3f8f9 url(/images/img_login_icon01.png) no-repeat center 60px;}
.descSeller > a.on, .descSeller > a:hover {background:#188eb5 url(/images/img_login_icon01_on.png) no-repeat center 60px;}
.descBuyer > a {background:#f3f8f9 url(/images/img_login_icon02.png) no-repeat center 60px;}
.descBuyer > a.on, .descBuyer > a:hover {background:#188eb5 url(/images/img_login_icon02_on.png) no-repeat center 60px;}

.contents {}
.contentsIn {position:relative; width:1500px; margin:0 auto;}
.stepArea {margin:34px 0 0 0;}
.stepArea ol:after {display:block; content:""; clear:both;}
.stepArea li {float:left; position:relative; width:220px; height:220px; margin:0 0 0 80px; background:#f3f8f9; border-radius:110px; text-align:center;}
.stepArea li:first-child {margin:0;}
.stepArea li:first-child:before {background:0;}
.stepArea li:before {display:block; content:""; position:absolute; left:-80px; top:50%; width:80px; height:1px; background:url(/images/img_step_before.png) no-repeat 0 0;}
.stepArea li strong {display:block; padding:115px 0 0 0; font-size:20px; color:#222; font-weight:normal;}
.stepArea li strong span {font-weight:bold;}d
.stepArea li p {margin:12px 0 0 0; font-size:16px; color:#888; font-weight:300; line-height:18px;}
.stepArea li.on {background:;}
.stepArea li.on strong {color:#fff;}
.stepArea li.on strong span {font-weight:bold;}
.stepArea li.on p {color:#fff;}
.stepArea li.step02 p, .stepArea li.step03 p, .stepArea li.step04 p {margin:7px 0 0 0;}
.stepArea li.step01 {background:#f3f8f9 url(/images/img_step01.png) no-repeat center 42px;}
.stepArea li.step02 {background:#f3f8f9 url(/images/img_step02.png) no-repeat center 42px;}
.stepArea li.step03 {background:#f3f8f9 url(/images/img_step03.png) no-repeat center 42px;}
.stepArea li.step04 {background:#f3f8f9 url(/images/img_step04.png) no-repeat center 42px;}
.stepArea li.step01.on {background:#188eb5 url(/images/img_step01_on.png) no-repeat center 42px;}
.stepArea li.step02.on {background:#188eb5 url(/images/img_step02_on.png) no-repeat center 42px;}
.stepArea li.step03.on {background:#188eb5 url(/images/img_step03_on.png) no-repeat center 42px;}
.stepArea li.step04.on {background:#188eb5 url(/images/img_step04_on.png) no-repeat center 42px;}
.agreeArea {}
.agreeArea > .agreeAreaWrap {margin:52px 0 0 0;}
.agreeArea > .agreeAreaWrap > strong {font-size:24px; color:#222; font-weight:normal;}
.agreeArea > .agreeAreaWrap > div {height:338px; overflow-y:auto; margin:22px 0 0 0; padding:24px 30px 30px 30px; border:1px solid #ccc; border-radius:12px;}
.agreeArea > .agreeAreaWrap > div > strong {display:block; font-size:16px; font-weight:500; color:#222;}
.agreeArea > .agreeAreaWrap > div > p {margin:9px 0 0 0; font-size:16px; color:#222; font-weight:300;}
.agreeArea > .agreeAreaWrap > div > p + strong {margin:31px 0 0 0;}
.agreeArea > .agreeAreaWrap > div > p + p {margin:0;}
.btnAgreeArea {margin:40px 0 0 0; text-align:center;}
.btnAgreeArea input[type=checkbox] {display:none;}
.btnAgreeArea input[type=checkbox] + label {display:inline-block; height:28px; padding:0 0 0 45px; background:url(/images/img_check.png) no-repeat 0 0; font-size:14px; color:#888; line-height:28px; font-weight:300;}
.btnAgreeArea input[type=checkbox]:checked + label {background:url(/images/img_check_on.png) no-repeat 0 0; color:#222; font-weight:normal;}
.btnAgreeArea .btnArea {margin:59px 0 0 0;}
.btnArea .ca {width:190px; height:60px; background:#e8f5f9; font-size:16px; color:#188eb5; font-weight:normal; border-radius:12px; transition:all .3s ease; border:1px solid #fff;}
.btnArea .ca:hover {border:1px solid #188eb5;}
.btnArea .ca.on {border:1px solid #188eb5;}
.btnArea .ne {width:190px; height:60px; margin:0 0 0 30px; background:#188eb5; font-size:16px; color:#fff; font-weight:normal; border-radius:12px;  transition:all .3s ease; box-sizing:border-box;}
.btnArea .ne:hover {background:#11637e;}
.btnArea .ne.on {background:#11637e;}

.stepSubText {margin:54px 0 0 0;}
.stepTextBold {font-size:16px; color:#555; line-height:26px; font-weight:500;}
.stepSubText p {margin:9px 0 0 0; font-size:16px; color:#888; line-height:24px; font-weight:300;}
.stepTextImp {display:block; margin:13px 0 0 0; font-size:16px; color:#ff4949; line-height:24px; font-weight:300;}

.stepArea + .tblData {margin:40px 0 0 0;}
.tblData {margin:60px 0 0 0;}
.tblData > strong {font-size:24px; color:#222; font-weight:normal;}
.tblData th {height:76px; padding:0 30px; font-size:16px; color:#888; font-weight:300; background:#f6f9fa; border-bottom:1px solid #eee; text-align:left;}
.tblData td {height:76px; padding:0 20px; font-size:16px; color:#222; font-weight:normal; border-bottom:1px solid #eee; text-align:left;}
.tblData tr:first-child th {border-top:1px solid #eee;}
.tblData tr:first-child td {border-top:1px solid #eee;}
.tblData > table {margin:20px 0 0 0;}
.imp {color:#ff6a6a !important;}

.btnIp {display:inline-block; width:190px; height:46px; margin:0 0 0 17px; background:#e5f4fe; line-height:46px; font-size:16px; color:#188eb5; font-weight:normal; text-align:center; vertical-align:middle; border-radius:12px; transition:all .3s ease; border:1px solid #fff;}
.btnIp.only {margin:0;}
.btnIp:hover {border:1px solid #188eb5;}

.twoLine th {height:108px;}
.twoLine td {height:108px;}
.errorText {display:inline-block; margin:9px 0 0 0; font-size:16px; color:#ff4949; font-weight:300;}
.ipArea .errorText {margin:0 0 0 16px;}
.ipArea img {vertical-align:middle;}
.capcharVoice {display:inline-block; width:60px; height:46px; background:url(/images/img_voicez.png) no-repeat 0 0; vertical-align:middle; transition:all .3s ease;}
.capcharVoice:hover {background:url(/images/img_voicez_on.png) no-repeat 0 0;}
.tblData .btnArea {margin:40px 0 0 0; text-align:center;}

.stepEnd {margin:120px 0 0 0; font-size:32px; color:#222; line-height:44px; font-weight:normal; text-align:center;}
.stepEnd strong {font-weight:500;}
.stepEnd .btnArea {margin:56px 0 0 0; }

.loginTitleArea {margin:73px 0 0 0;}
.loginTitleArea > strong {display:block; font-size:32px; color:#222; font-weight:400px; text-align:center; }
.loginArea {margin:46px 0 0 0;}
.loginArea:after {display:block; content:""; clear:both;}
.loginbox {float:left; width:calc(50% - 18px); height:380px; padding:60px 100px 0 100px; border:1px solid #b7c8cd; border-radius:12px;}
.loginRegist {float:right; width:calc(50% - 18px); height:380px; padding:60px 60px 0 100px; border:1px solid #b7c8cd; border-radius:12px;}
.loginInputWrap {}
.loginInputWrap:after {display:block; content:""; clear:both;}
.loginInputWrap .ipArea {float:left; width:360px;}
.loginInputWrap .ipArea input[type=text] {height:46px; padding:0 20px; background:#eaf7fb; font-size:16px; color:#222; font-weight:normal;  border-radius:12px; border:0; outline:0;}
.loginInputWrap .ipArea input[type=text] + input[type=text] {margin:20px 0 0 0;}
.loginInputWrap .ipArea input[type=text]::placeholder {color:#ccc; font-size:16px; font-weight:400;}
.loginInputWrap .ipArea input[type=text]:-ms-input-placeholder {color:#ccc; font-size:16px; font-weight:400;}
.loginInputWrap .loginInpuBtnArea {float:right; width:140px;}
.loginInputWrap .loginInpuBtnArea button {width:140px; height:112px; background:#188eb5; font-size:20px; color:#fff; font-weight:normal; border-radius:12px; transition:all .3s ease;}
.loginInputWrap .loginInpuBtnArea button:hover {background:#11637e; }
.loginInputWrap .loginInpuBtnArea button.on {background:#11637e;}

.loginbox input[type=checkbox] {display:none;}
.loginbox input[type=checkbox] + label {display:inline-block; height:28px; padding:0 0 0 45px; background:url(/images/img_check.png) no-repeat 0 0; font-size:14px; color:#888; line-height:28px; font-weight:300;}
.loginbox input[type=checkbox]:checked + label {background:url(/images/img_check_on.png) no-repeat 0 0; color:#222; font-weight:normal;}
.loginbox .loginInputWrap + .ipArea {margin:20px 0 0 0;}
.loginbox .loginInputWrap + .ipArea + .btnArea {margin:20px 0 0 0; padding:30px 0 0 0; border-top:1px solid #eee; text-align:center;}
.loginbox .loginInputWrap + .ipArea + .btnArea .ca {width:344px;}

.loginRegist > p {font-size:20px; color:#222; font-weight:normal; line-height:28px;}
.loginRegist .btnArea {margin:37px 0 0 0;}
.loginRegist .btnArea button {width:calc(100% - 40px); margin:0;}
.loginRegist .btnArea button + button {margin:30px 0 0 0; }

.layerArea {position:absolute; left:0; top:0; z-index:30; width:100%; height:100%;}
.layerArea .dim {position:fixed; left:0; top:0; width:100%; height:100%; z-index:30;background:#000; opacity:0.6;}
.layerArea .lyContents {position:absolute; left:50%; top:50%;  z-index:50;  width:650px; padding:80px 60px 60px; background:#fff; transform:translate(-50%, -50%); border-radius:24px;}
.layerArea .lyContents > strong {font-size:24px; color:#222; font-weight:500;}
.layerArea .lyContents > p {margin:17px 0 0 0; font-size:16px; color:#555; font-weight:normal; line-height:28px;}

.layerArea .lyContents > p > a {font-size:inherit; color:#188eb5;}
.layerArea .lyContents .lyClose {display:block; position:absolute; right:30px; top:30px; width:31px; height:31px; background:url(/images/img_layer_close.png) no-repeat 0 0;}
.layerArea .lyContents .btnArea {margin:62px 0 0 0; text-align:center;}
.layerArea .lyContents .btnArea > a {display:inline-block; width:250px; border-radius:30px; line-height:60px;}
.layerArea .lyContents .ipArea {margin:29px 0 0 0;}
.layerArea .lyContents .ipArea input[type=radio] + label {display:block; margin:0 0 15px 0; color:#222;}
.layerArea .lyContents .ipArea + .btnArea {margin:37px 0 0 0;}
.layerArea .lyContents .btnArea > .btnIp {line-height:46px;}
.layerArea .lyContents .btnArea > .lyne {width:220px; margin:0;}
.layerArea .lyContents .btnArea > .lyca {width:220px; margin:0;}
.layerArea .lyContents .btnArea > .lyne + .lyne {margin:0 0 0 17px;}
.layerArea .lyContents .btnArea > .lyne + .lyca {margin:0 0 0 17px;}
.layerArea .lyContents .btnArea > .lyca + .lyca {margin:0 0 0 17px;}
.layerArea .lyContents .btnArea > .lyca + .lyne {margin:0 0 0 17px;}

.findIDArea {margin:85px 0 0 0;}
.findIDArea:after {display:block; content:""; clear:both;}
.findIDArea .findIdWrap {float:left; width:50%; padding:0 110px;}
.findIDArea .findIdWrap > strong {font-size:32px; color:#222; font-weight:normal;}
.findIDArea .findIdWrap > p {margin:13px 0 0 0; font-size:16px; color:#222; line-height:24px; font-weight:300;}
.findIDArea .findPassWrap {position:relative; float:left; width:50%; padding:0 110px;}
.findIDArea .findPassWrap:before {display:block; content:""; position:absolute; left:0; top:0; height:100%; border-left:1px solid #eee;}
.findIDArea .findPassWrap > strong {font-size:32px; color:#222; font-weight:normal;}
.findIDArea .findPassWrap > p {margin:13px 0 0 0; font-size:16px; color:#222; line-height:24px; font-weight:300;}
.findIDArea .loginInputWrap {margin:35px 0 0 0;}

.privacy {}
.privacy:after {display:block; content:""; clear:both;}
.privacy > strong {display:block; padding:35px 0 28px 0; font-size:36px; font-weight:normal; color:#222; text-align:center;}
.pr01 {float:left; width:50%; padding:0 35px 0 0;}
.pr01 strong {font-size:16px; color:#222; font-weight:normal;}
.pr01 p {font-size:16px; color:#222; font-weight:normal;}
.pr01 li {font-size:16px; color:#222; font-weight:normal;}
.pr02 {float:left; width:50%; padding:0 0 0 35px;}
.pr02 strong {font-size:16px; color:#222; font-weight:normal;}
.pr02 p {font-size:16px; color:#222; font-weight:normal;}
.pr02 li {font-size:16px; color:#222; font-weight:normal;}

/* 비즈니스센터 */
.subItemList {margin:33px 0 0 0;}
.subItemList:after {display:block; content:""; clear:both;}
.subItemList > div:first-child {margin:0;}
.nT {float:left; width:476px; margin:0 0 0 36px;}
.nT > a {display:block; border:1px solid #eaeaea; height:350px; border-radius:12px; overflow:hidden;}
.nT > a.ntText {height:auto; border:0; border-radius:0;}
.nT .itemLinkText {}
.nT .itemLinkText {}
.nT .itemLinkText {}
.nT .itemLinkText {}
.nT .itemLinkText span {display:inline-block; margin:16px 0 0 0; padding:12px 25px 8px 25px; font-size:16px; color:#fff; font-weight:normal; border-radius:6px;}
.nT .itemLinkText span.type01 {background:#43abae; }
.nT .itemLinkText span.type02 {background:#aaa; }
.nT .itemLinkText strong {display:block; margin:12px 0 0 0; font-size:24px; color:#222; font-weight:500;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nT .itemLinkText p {margin:3px 0 0 0; font-size:18px; color:#222; font-weight:normal;}
.vT {float:left; width:476px; margin:0 0 0 36px;}
.vT > div {position:relative; height:350px; overflow:hidden;  border-radius:12px;}
.vT > div .btn {display:block; content:""; position:absolute; left:26px; bottom:26px; width:31px; height:34px; background:url(/images/img_busi_thumb_play.png) no-repeat 0 0;}
.vT > a {display:block;}
.vT > a span {margin:16px 0 0 0;}

.vT > a strong {display:block; margin:12px 0 0 0; font-size:24px; color:#222; font-weight:500; }
.vT > a p {margin:3px 0 0 0; font-size:18px; color:#222; font-weight:normal;}

.topBanner {position:relative; margin:26px 0 0 0;}
.topBanner .swiper-container {overflow:hidden;}
.topBanner .swiper-wrapper {width:9999px;}
.topBanner .swiper-slide {float:left; width:1500px;}
.topBanner .swiper-slide .nType {display:block; position:relative; }
.topBanner .swiper-slide .nType > img {width:1500px; height:460px;}
.topBanner .swiper-button-next {display:block; position:absolute; right:50px;  top:186px; width:88px; height:88px; background:url(/images/img_busi_right.png) no-repeat 0 0;}
.topBanner .swiper-button-prev {display:block; position:absolute; left:50px; top:186px; width:88px; height:88px; background:url(/images/img_busi_left.png) no-repeat 0 0;}
.topBanner .swiper-button-next:hover {background:url(/images/img_busi_right_on.png) no-repeat 0 0;}
.topBanner .swiper-button-prev:hover {background:url(/images/img_busi_left_on.png) no-repeat 0 0;}
.topBannerText {position:absolute; left:222px; top:156px; z-index:10;}
.topBannerText span {display:block; font-size:28px; color:#222; font-weight:normal; line-height:1;}
.topBannerText strong {display:block; margin:12px 0 0 0; font-size:80px; color:#222; font-weight:normal; line-height:1;}
.topBannerText p {display:block; margin:15px 0 0 0; font-size:22px; color:#888; font-weight:normal; line-height:1;}

.topBannerArea {position:relative; margin:15px 0 0 0;}
.topBannerArea > strong {display:block; font-size:40px; color:#222; font-weight:normal;}
.topBannerArea > p {font-size:22px; color:#888; font-weight:normal;}
.topBannerArea > p > .spType01 {margin:0 0 0 20px; padding:7px 20px;}
.topBannerArea > p > .spType02 {margin:0 0 0 20px; padding:7px 20px;}
.topBannerInfo {position:absolute; right:0; top:4px;}
.topBannerInfo > ul {}
.topBannerInfo > ul > li {font-size:16px; color:#888; font-weight:300; text-align:right;}
.topBannerInfo > ul > li > a {font-size:16px; color:#888; font-weight:300; text-align:right;}

.anchorArea {}
.anchorList {padding:30px 0 0 0; background:#fff;}
.anchorList.sticky {position:fixed; top:0; left:50%; z-index:100; width:1500px; height:60px; padding:0; transform:translate(-50%, 0);}
.anchorList:after {display:block; content:""; clear:both;}
.anchorList li {float:left; width:25%;}
.anchorList li > a {display:block; width:100%; height:60px; font-size:18px; color:#888; font-weight:300; text-align:center; line-height:58px;  border-top:1px solid #eee; border-bottom:1px solid #eee;}
.anchorList li > a:hover, .anchorList li.on > a {color:#222; font-weight:500; border-bottom:2px solid #000;}

/* 2021.12.27 추가 */
.anchorList2 {padding:30px 0 0 0; background:#fff;}
.anchorList2.sticky {position:fixed; top:0; left:50%; z-index:100; width:1500px; height:60px; padding:0; transform:translate(-50%, 0);}
.anchorList2:after {display:block; content:""; clear:both;}
.anchorList2 li {float:left; width:20%;}
.anchorList2 li > a {display:block; width:100%; height:60px; font-size:18px; color:#888; font-weight:300; text-align:center; line-height:58px;  border-top:1px solid #eee; border-bottom:1px solid #eee;}
.anchorList2 li > a:hover, .anchorList2 li.on > a {color:#222; font-weight:500; border-bottom:2px solid #000;}

.ancType01 {padding:30px 0 0 0;}
.ancType01.sticky {padding:90px 0 0 0;}
.ancType01 > div {overflow:hidden;}
.ancType01 > div > div {width:9999px;}
.ancType01 > div > div:after {display:block; content:""; clear:both;}
.ancType01 > div > div > ul {float:left; }
.ancType01 > div > div > ul:after {display:block; content:""; clear:both;}
.ancType01 > div > div > ul > li {position:relative; float:left; width:272px; height:176px; margin:0 35px 30px 0; border:1px solid #eee;  border-radius:12px;}
.ancType01 > div > div > ul > li:nth-child(5n) {margin-right:0;}
.ancType01 > div > div > ul > li > a {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.ancType02 {margin:31px 0 0 0;}
.ancType02 > ul {}
.ancType02 > ul:after {display:block; content:""; clear:both;}
.ancType02 > ul > li {float:left; width:347px; margin:0 37px 0 0;}
.ancType02 > ul > li:nth-child(4n) {margin:0;}
.ancType02 > ul > li > a {display:block; position:relative; height:237px; margin:0 0 0 0; border:1px solid #eee; border-radius:12px;}
.ancType02 > ul > li > a:after {display:none; content:""; position:absolute; left:50%; top:50%; width:87px; height:96px; background:url(/images/img_vid_btn.png) no-repeat 0 0; transform:translate(-50%, -50%);}
.ancType02 > ul > li > a:hover:after {display:block;}
.ancType02 > ul > li > p {margin:22px 0 0 0;}
.ancType02 > ul > li > p a {font-size:18px; color:#555; font-weight:normal; line-height:22px;}
.ancTypeTagArea {display:block; margin:7px 0 0 0; padding:10px 0 0 0;  border-top:1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ancTypeTagArea a {font-size:16px; color:#188eb5; font-weight:normal;}
.ancTypeTagArea a:hover {text-decoration:underline;}
.ancIconArea {margin:7px 0 0 0;}
.ancIconArea .ancIcon {display:inline-block; width:22px; height:19px; margin:0 0 0 2px; background:url(/images/img_gem.png) no-repeat 0 0;}

.viewBtnArea {margin:53px 0 30px 0; text-align:center;}
.viewBtnArea button {width:292px; height:60px; font-size:20px; color:#555; font-weight:normal; border:1px solid #ccc; border-radius:30px; transition:all .2s ease;}
.viewBtnArea button:hover {border:1px solid #888;}
.viewBtnArea button span {display:inline-block; width:16px; height:10px; margin:0 0 0 14px; background:url(/images/img_more_under.png) no-repeat 0 0;}

.ancType03 {margin:31px 0 0 0;}
.ancType03 > ul {}
.ancType03 > ul:after {display:block; content:""; clear:both;}
/* 220809 css 수정 s */
.ancType03 > ul > li {float:left; width:347px;  margin:0 35px 40px 0; padding:30px; border:1px solid #ddd; border-radius:12px;}
/* .ancType03 > ul > li:nth-child(4n) {margin-right:0;} */
/* 220809 css 수정 e */
.ancType03 > ul > li:hover {border:1px solid #222;}
.ancType03 > ul > li > a {display:block;}
.ancType03 > ul > li > div {position:relative; overflow:hidden;}
.ancType03 > ul > li > div > ul {width:9999px;}
.ancType03 > ul > li > div > ul:after {display:block; content:""; clear:both;}
.ancType03 > ul > li > div > ul > li {float:left;}
.ancType03 > ul > li > div > ul > li > a > img {width:287px; height:197px;}
.ancType03 > ul > li > div .paginationBg {position:absolute; right:15px; top:160px; z-index:20; width:50px; height:20px; background:#000; color:#888; opacity:0.3; border-radius:10px;}
.ancType03 > ul > li > div .swiper-pagination {position:absolute; right:24px; top:158px; z-index:21; color:#888;}
.ancType03 > ul > li > div .swiper-pagination-current {font-size:14px; color:#fff; font-weight:normal;}
.ancType03 > ul > li > div .swiper-pagination-total {font-size:14px; color:#888; font-weight:300;}
.ancMidText {position:relative; margin:17px 0 0 0;}
.ancMidText > p {height:44px; padding:0 75px 0 0; font-size:18px; color:#555; font-weight:normal; line-height:22px;}
.ancMidText .itemLinkArea {position:absolute; right:0; top:7px;}
.ancMidText .itemLinkArea .sha {display:inline-block; width:21px; height:23px; margin:0 10px 0 0; background:url(/images/img_sha.png) no-repeat 0 0; vertical-align:middle;}
.ancMidText .itemLinkArea .zzim {display:inline-block; width:22px; height:20px; background:url(/images/img_zzimed.png) no-repeat 0 0; vertical-align:middle;}
.ancMidText .itemLinkArea .zzim.on {background:url(/images/img_zzim.png) no-repeat 0 0;}
.ancBotText {text-align:left;}
.ancBotText > strong {display:block; font-size:24px; color:#222; font-weight:500;}
.ancBotText > strong > span {font-size:14px; color:#aaa; font-weight:normal;}
.ancBotText > .boxText {display:block; font-size:14px; color:#aaa; font-weight:normal;}
.ancBotText > .zzimed {display:block; margin:12px 0 0 0; padding:0 0 0 30px; background:url(/images/img_zzim.png) no-repeat 0 0; font-size:14px; color:#555; font-weight:500;}
.anc03Next {display:inline-block; position:absolute; left:15px; top:158px; z-index:20; width:31px; height:34px; background:url(/images/img_busi_thumb_play.png) no-repeat 0 0; cursor:pointer;}

.ancType04 {}
.ancType04 > div {position:relative; overflow:hidden; margin:20px 0 50px;}
.ancType04 > div > ul {width:9999px; padding:0 0 0 31px;}
.ancType04 > div > ul > li {position:relative; float:left; width:160px; height:160px; background:#f6f9fa; text-align:center; border-radius:80px; }
.ancType04 > div > ul > li > a {display:block; position:absolute; left:50%; top:50%; width:160px; font-size:18px; color:#aaa; font-weight:300; transform:translate(-50%, -50%);}
.ancType04 > div > ul > li:hover {background:#e8f5f9;}
.ancType04 > div > ul > li:hover > a {color:#167ea1; font-weight:bold;}
.anc04Next {display:block; position:absolute; right:0; top:50%; width:64px; height:64px; margin-top:-32px; background:url(/images/img_anc04_next.png) no-repeat 0 0; cursor:pointer;}
.anc04Prev {display:block; position:absolute; left:0; top:50%; width:64px; height:64px;  margin-top:-32px; background:url(/images/img_anc04_prev.png) no-repeat 0 0; cursor:pointer;}

.whatArea {margin:22px 0 0 0;}
.whatArea .btnArea {text-align:center;}
.whatArea .btnArea .ne {margin:40px 0 0 0;}
.whatArea h2 {font-size:40px; color:#222; font-weight:bold;}
.whatIn {margin:23px 0 0 0;}
.whatIn:after {display:block; content:""; clear:both;}
.whatInL {float:left; width:calc(50% - 18px); min-height:200px; padding:24px 30px 24px; background:#f9fbfd; border-radius:12px;}
.whatInR {float:right; width:calc(50% - 18px); min-height:200px; padding:24px 30px 24px; background:#f9fbfd; border-radius:12px;}
.whatIn strong {font-size:20px; color:#555; font-weight:normal;}
.whatIn p {margin:14px 0 0 0; font-size:16px; color:#555; font-weight:300; line-height:20px;}
.whatIn ul {margin:13px 0 0 0;}
.whatIn ul li {position:relative; padding:0 0 0 20px; font-size:16px; color:#555; font-weight:300; line-height:26px;}
.whatIn ul li:after {display:block; content:""; position:absolute; left:8px; top:12px; width:2px; height:2px; background:#222;}
.whatIn ol {margin:10px 0 0 0;}
.whatIn ol li {position:relative; margin:3px 0 0 0; font-size:16px; color:#555; font-weight:300; line-height:26px;}
.whatIn ol li:first-child {margin:0;}

.tblListInfoArea {position:relative; margin:56px 0 21px 0 ;}
.tblListInfoArea > span {font-size:22px; color:#222; font-weight:500;}
.tblListInfoArea > span > span {font-size:22px; color:#188eb5; font-weight:bold;}
.tblListInfoArea > .ipArea {position:absolute; right:0; top:-10px;}

.tblList {}
.tblList thead th {height:77px; background:#f6f9fa; font-size:16px; color:#aaa; font-weight:300; text-align:center; border-right:1px solid #eee;}
.tblList thead th:first-child {border-left:1px solid #eee;}
.tblList tbody td {height:77px; background:#fff; font-size:16px; color:#222; font-weight:300; text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.tblList tbody td:first-child {font-size:16px; color:#aaa; font-weight:300; border-left:1px solid #eee;}

.subTextArea { margin:18px 0 0 0;}
.subTextArea ul {}
.subTextArea ul li {position:relative; margin:8px 0 0 0; padding:0 0 0 8px; font-size:16px; color:#555; font-weight:500; line-height:16px;}
.subTextArea ul li + li {margin:11px 0 0 0;}
.subTextArea ul li:after {display:block; content:""; position:absolute; left:0px; top:6px; width:2px; height:2px; background:#222;}

.tblDataTitleArea {position:relative; margin:28px 0 0 0;}
.tblDataTitleArea strong {font-size:24px; color:#222; font-weight:normal;}
.tblDataTitleArea span {position:absolute; top:0; right:0; font-size:16px; color:#888; font-weight:300;}

.tblDataArea .tblData {margin:19px 0 0 0;}
.hasTextArea {height:278px;}
.fileUpArea .ca {display:inline-block; width:130px; height:46px; background:#e5f4fe; font-size:16px; color:#188eb5; font-weight:normal; border-radius:12px; border:1px solid #fff; transition:all .3s ease;}
.fileUpArea .ca:hover {border:1px solid #188eb5;}
.fileUpArea .ca.on {border:1px solid #188eb5;}
.fileUpArea .ne {display:inline-block; width:130px; height:46px; background:#188eb5; font-size:16px; color:#fff; font-weight:normal; border-radius:12px; border:1px solid #fff; transition:all .3s ease;}
.fileUpArea .ne:hover {background:#11637e;}
.fileUpArea .ne.on {background:#11637e;}
.fileUpArea .ca + .adFileList { margin:0 0 0 27px;}
.fileUpArea .adFileList {display:inline-block;}
.fileUpArea .adFileList a {font-size:16px; color:#188eb5; font-weight:normal; text-decoration:underline; vertical-align:middle;}
.fileUpArea .adFileList a + a {margin: 0 0 0 19px;}
.fileUpArea .adFileList .downLoad {display:inline-block; width:24px; height:20px; margin:0 0 0 17px; background:url(/images/img_down.png) no-repeat 0 0;}
.ipArea input[type=text].datepicker {background:#f9fbfd url(/images/img_cal.png) no-repeat right 20px center;}
.ipArea .fileUpArea {display:inline-block;}

.phrase {height:auto;}
.addPhrase {margin:15px 0 0 0; font-size:16px; color:#aaa; font-weight:300;}
.tblDataArea .btnArea {margin:40px 0 0 0; text-align:center;}

.treeArea {width:510px; margin:20px 0 0 0;}
.treeArea > ul {}
.treeArea > ul:after {display:block; content:""; clear:both;}
.treeArea > ul > li {float:left; width:50%;}
.treeArea > ul > li > a {display:block; position:relative; z-index:10; width:100%; height:56px; background:#f6f9fa; font-size:16px; color:#222; font-weight:500; border:1px solid #f6f9fa; border-bottom:1px solid #ccc; border-top-left-radius:12px; border-top-right-radius:12px; text-align:center; line-height:56px;}
.treeArea > ul > li + li {width:calc(50% + 1px); margin-left:-1px;}
.treeArea > ul > li.on > a { z-index:11; background:#fff; border:1px solid #ccc; border-bottom:1px solid #fff;}
.treeMenu {overflow-y:auto; margin-top:-1px; padding:24px 35px 30px; border:1px solid #ccc; border-top:0;}
.treeMenu > ul {height:480px;}
.treeMenu > ul > li {margin:16px 0 0 0; background:url(/images/img_plus.png) no-repeat right 10px;}
.treeMenu > ul > li.on {background:url(/images/img_minus.png) no-repeat right 14px;}
.treeMenu > ul > li > a { font-size:20px; color:#555; font-weight:500;}
.treeMenu > ul > li > ul {}
.treeMenu > ul > li > ul > li {position:relative; margin:6px 0 0 0; padding:0 0 0 12px;  background:url(/images/img_plus.png) no-repeat right 10px;}
.treeMenu > ul > li > ul > li:after {display:block; content:""; position:absolute; left:2px; top:10px; width:2px; height:2px; background:#aaa;}
.treeMenu > ul > li > ul > li.on {background:url(/images/img_minus.png) no-repeat right 14px;}
.treeMenu > ul > li > ul > li.on:after, .treeMenu > ul > li > ul > li:hover:after {background:#222; color:#222;}

.treeMenu > ul > li > ul > li > a {font-size:16px; color:#aaa; font-weight:normal;}
.treeMenu > ul > li > ul > li.on > a, .treeMenu > ul > li > ul > li:hover > a {color:#555;}
.treeMenu > ul > li > ul > li > ul {}
.treeMenu > ul > li > ul > li > ul > li {position:relative; margin:3px 0 0 0; padding:0 0 0 36px;}
.treeMenu > ul > li > ul > li > ul > li:first-child {margin:9px 0 0 0;}
.treeMenu > ul > li > ul > li > ul > li:after {display:block; content:""; position:absolute; left:21px; top:10px; width:2px; height:2px; background:#aaa;}
.treeMenu > ul > li > ul > li > ul > li.on {}
.treeMenu > ul > li > ul > li > ul > li > a {font-size:16px; color:#aaa; font-weight:300;}
.treeMenu > ul > li > ul > li > ul > li:hover:after {background:#222;}
.treeMenu > ul > li > ul > li > ul > li:hover > a {color:#222; text-decoration:underline;}
.btnAdd {display:inline-block; width:90px; height:46px; margin:0 0 0 6px; background:#e5f4fe; font-size:16px; color:#188eb5; font-weight:normal; line-height:46px; text-align:center; border-radius:12px; border:1px solid #eee; transition:all .3s ease; vertical-align:middle;}
.btnAdd:hover {border:1px solid #188eb5;}
.btnAdd.on {border:1px solid #188eb5;}


/* K-food */
.kFood {margin:20px 0 0 0;}
.kFood h2 {font-size:40px; color:#222; font-weight:bold;}
.kFood h2 span {font-size:40px; color:#222; font-weight:300;}
.anchorTabContent {}
.kFoodSearch {margin:20px 0 0 0; padding:20px; text-align:center; border:1px solid #ddd; border-radius:12px;}
.kFoodSearch .ipArea input {margin:0 0 0 17px;}
.kFoodSearch .ipArea input:first-child {margin:0;}
.kFoodSearch .ipArea select {margin:0 0 0 17px;}
.kFoodSearch .ipArea .fileUpArea {margin:0 0 0 17px;}

.ipArea.small select {height:36px; background:#f9fbfd url(/images/img_lang_sel.png) no-repeat right 15px center; vertical-align:middle;}
.btnGo {height:36px; padding:0 18px; background:#222; font-size:16px; color:#fff; font-weight:normal; border-radius:6px; vertical-align:middle;}

.kFoodList01 {}
.kFoodList01 ul {}
.kFoodList01 ul:after {display:block; content:""; clear:both;}
.kFoodList01 ul li {float:left; width:348px; margin:0 36px 30px 0;}
.kFoodList01 ul li:nth-child(4n) {margin-right:0;}
.kFoodList01 ul li > div {padding:30px; background:#fff; border:1px solid #ddd; border-radius:12px;}
.kFoodList01 ul li > div > strong {display:block; margin:0 0 9px 0; font-size:24px; color:#222; font-weight:normal;}
.kFoodList01 ul li > div > strong > span {display:inline-block; margin:0 0 0 7px; font-size:16px; color:#888; font-weight:normal;}
.kFoodList01 ul li > div > img {width:287px; height:400px;}
.kFoodList01 ul li > div > a {display:block; height:46px; margin:20px 0 0 0; background:#e8f5f9; text-align:center; font-size:16px; color:#188eb5; font-weight:normal; border-radius:6px; line-height:46px;}
.kFoodList01 ul li.on > div {background:#eaf1f7; border:1px solid #eaf1f7;}
.kFoodList01 ul li.on > div > a {background:#188eb5; color:#fff;}
.kFoodList01 ul li:hover > div {background:#eaf1f7; border:1px solid #eaf1f7;}
.kFoodList01 ul li:hover > div > a {background:#188eb5; color:#fff;}

.nuriNotice {margin:10px 0 0 0; padding:20px; background:#f9fbfd; font-size:14px; color:#888; font-weight:300; border-radius:12px; vertical-align:middle;}
.nuriNotice img {margin:0 20px 0 0; vertical-align:middle;}

.kFoodList02 {}
.kFoodList02 ul {}
.kFoodList02 ul li {margin:20px 0 0 0;}
.kFoodList02 ul li:first-child {margin:0 0 0 0;}
.kFoodList02 ul li > div {position:relative; padding:23px 30px 30px 220px; background:#fff; border:1px solid #ddd; border-radius:12px;}
.kFoodList02 ul li > div > a {display:block; }
.kFoodList02 ul li > div > a > strong {display:block; font-size:20px; color:#222; font-weight:normal;}
.kFoodList02 ul li > div > a > p {margin:17px 0 0 0; padding:16px 0 0 0; font-size:16px; color:#555; font-weight:normal; line-height:22px; border-top:1px solid #ddd;}
.kFoodList02 ul li > div > a > div {position:absolute; left:30px; top:30px; width:160px; height:160px; overflow:hidden;}
.kFoodList02 ul li > div > a > div > img {position:absolute; left:50%; top:50%; max-width:160px; max-height:160px; transform:translate(-50%, -50%);}
.kFoodList02 ul li > div > a > span {display:block; margin:22px 0 0 0; font-size:14px; color:#aaa; font-weight:normal;}
.kFoodList02 ul li > div:hover {background:#eaf1f7; border:1px solid #eaf1f7;}
.kFoodList02 ul li > div.on {background:#eaf1f7; border:1px solid #eaf1f7;}
.kFoodList02 ul li.noData > div {padding:93px 0 100px 0; text-align:center;}
.kFoodList02 ul li.noData > div:hover {background:#fff; border:1px solid #ddd;}

.underGo.btnArea > a {display:inline-block; width:132px; height:46px; margin:40px 0 0 0; line-height:46px; text-align:center;}
.editorArea > p {font-size:16px; color:#222; font-weight:normal; line-height:24px;}
.editorArea {margin:27px 0 0 0; padding:20px; }
.editorArea + .nuriNotice {margin:30px 0 0 0;}
.editorArea > img {width:100%;}
.kFoodDetail > strong {display:block; margin:50px 0 0 0; font-size:32px; color:#222; font-weight:normal;}
.kFoodDetail > div {margin:10px 0 0 0; }
.kFoodDetail > div + div {margin:13px 0 0 0;}
.kFoodDetail > div > dl {display:inline-block; vertical-align:middle;}
.kFoodDetail > div > dl:after {display:block; content:""; clear:both;}
.kFoodDetail > div dt {display:inline-block; float:left; font-size:16px; color:#222; font-weight:300;}
.kFoodDetail > div dd {display:inline-block; float:left; margin:0 0 0 8px; font-size:16px; color:#888; font-weight:300;}
.kFoodDetail > div dd + dt {position:relative; margin:0 0 0 25px; padding:0 0 0 13px;}
.kFoodDetail > div dd + dt:before {display:block; content:""; position:absolute; left:0; top:50%; width:1px; height:14px; background:#ddd;  margin-top:-7px;}
.copyShare {display:inline-block; margin:0 0 0 19px; font-size:16px; color:#188eb5; font-weight:400; line-height:24px; text-decoration:underline; vertical-align:middle;}

.boxedTitle {padding:12px 20px 8px; background:#f9fbfd; font-size:14px; color:#555; font-weight:normal; border-radius:12px;}
.tblData.type02 {margin:30px  0 0 0;}
.tblData.type02 th {height:58px;}
.tblData.type02 td {height:58px;}
.tblData.type02 .ipArea {margin:0;}
.tblData.type02 .ipArea input {height:40px;}
.tblData.type02 .ipArea select {height:40px;}

.kFoodList03 {}
.kFoodList03 ul {}
.kFoodList03 ul:after {display:block; content:""; clear:both;}
.kFoodList03 ul li {float:left; width:348px; margin:0 36px 30px 0;}
.kFoodList03 ul li:nth-child(4n) {margin-right:0;}
.kFoodList03 ul li > div {height:544px; padding:30px; background:#fff; border:1px solid #ddd; border-radius:12px;}
.kFoodList03 ul li > div > strong {display:block; margin:22px 0 0 0; font-size:22px; color:#222; line-height:22px; font-weight:normal;}
.kFoodList03 ul li > div > img {width:287px; height:203px;}
.kFoodList03 ul li > div > p {margin:13px 0 0 0; font-size:16px; color:#222; font-weight:normal; line-height:22px;}
.kFoodList03 ul li > div > span {display:block; margin:22px 0 0 0; font-size:16px; color:#888; font-weight:300;}
.kFoodList03 ul li.on > div {background:#eaf1f7; border:1px solid #eaf1f7;}
.kFoodList03 ul li:hover > div {background:#eaf1f7; border:1px solid #eaf1f7;}

/* 마이페이지 */

.fl{float:left!important;}
.fr{float:right!important;}
.ml0{margin-left:0px!important;}
.clear:after{clear:both;display:block;content:'';}
.blind{font-size:0 !important;}select
.small{height:36px;line-height:34px;color:#222;font-size:16px;background:#fff;border:1px solid #dddddd;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.ipArea input:disabled{background:#dee3e5;color:#fff;}
.radio_text input[type="radio"] + label{padding-right:0;}
.radio_text input[type="text"] + input[type="radio"] + label{margin-left:35px;}/* content css 변경필요사항 s */
.tblData td{padding:10px 20px;}/* // content css 변경필요사항 e */
.btnBox .btn_type01{width:155px;height:46px;line-height:46px;text-align:center;display:inline-block;color:#188eb5;background:#e8f5f9;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; transition:all .3s ease; border:1px solid #fff;}
.btnBox .btn_type01:hover {border:1px solid #188eb5;}
.btnBox .btn_type01.on {border:1px solid #188eb5;}
.btnBox .btn_type02{width:155px;height:46px;line-height:46px;text-align:center;display:inline-block;color:#fff;background:#188eb5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; transition:all .3s ease;}
.btnBox .btn_type02:hover {background:#11637e;}
.btnBox .btn_type02.on {background:#11637e;}
.check_small input[type=checkbox] {display:none;}
.check_small input[type=checkbox] + label {display:inline-block; height:20px; padding:0 0 0 20px; background:url(/images/img_check.png) no-repeat 0 0; background-size:20px; font-size:14px; color:#888; line-height:20px; font-weight:300;}
.check_small input[type=checkbox]:checked + label {background:url(/images/img_check_on.png) no-repeat 0 0; background-size:20px; color:#222; font-weight:normal;}
.check_small input[type=checkbox] + label span{color:#555555;font-size:16px;margin-left:12px;}
.check_small input[type="checkbox"] + label + input[type="checkbox"] + label{margin-left:50px;}
.check_small + .check_small{margin-top:15px;}
.m_page{width:1500px;margin:40px auto 0 auto;}
.m_page:after{clear:both;display:block;content:'';}
.m_page .m_left{float:left;width:300px;}
.m_left .m_right{float:right;width:calc(100% - 300px);}
.m_page .m_left{border:1px solid #dde2e5;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.1);}
.m_page .m_left .l_menu .l_menu_tit{border-bottom:1px solid #cccccc;padding:20px 30px;font-size:20px;color:#555555;line-height:1;}
.m_page .m_left .l_menu + .l_menu{border-top:1px solid #ccc;}
.m_page .m_left .l_menu ul{padding:25px 30px;}
.m_page .m_left .l_menu ul li{line-height:1;}
.m_page .m_left .l_menu ul li + li{margin-top:20px;}
.m_page .m_left .l_menu ul li a{line-height:1.2;font-size:18px;color:#aaaaaa;font-weight:300;display:block;}
.m_page .m_left .l_menu ul li a.on, .m_page .m_left .l_menu ul li a:hover{color:#222222;font-weight:500;background:url(/images/left_menu_on.png);background-repeat:no-repeat;background-position:97% center;}
.m_page .m_right{float:right;width:1115px;}
.m_content > .tit{font-size:24px;font-weight:400;color:#222;display:flex;justify-content: space-between;}
.m_content .tit + .tabs{margin-top:20px;}
.m_content .tabs + .tblList{margin-top:60px;}
.tabs ul{border-bottom:1px solid #cccccc;}
.tabs ul li{float:left;padding:0 30px;height:63px;line-height:63px;font-size:18px;coloR:#aaaaaa;font-weight:300;border:1px solid #eeeeee;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;position:relative;}
.tabs ul li a{font-size:18px;coloR:#aaaaaa;font-weight:300;}
.tabs ul li.on{color:#555555;font-weight:500;border:1px solid #cccccc;border-bottom:none;}
.tabs ul li.on:after{content: '';display: block;width: 100%;height: 1px;background: #fff;position: absolute;bottom: -1px;z-index: 1;left: 0;}
.tabs ul li.on a{color:#555555;font-weight:500;}
.tabs ul:after{clear:both;display:block;content:'';}
.m_content > .buyer_home{background:#f9fbfd;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:30px;margin-top:20px;}
.m_content > .m_content_right_txt{position:absolute;top:0;right:0;}
.buyer_home .buyer_h_section01 > .tit, .buyer_home .buyer_h_section02 > .tit{font-size:18px;color:#222222;}
.buyer_h_section01 > .desc {margin-top:30px;}
.buyer_h_section01 > .desc .fl{width:330px;padding-left:30px;color:#888888;font-weight:300;font-size:18px;line-height:26px;}
.buyer_h_section01 > .desc .fr{width:695px;position:relative;}
.buyer_h_section01 > .desc .fr > a{position:absolute;right:0;top:-30px;}
a.moretxt{font-size:16px;color:#1b9ec9;text-decoration:underline;}
.m_page_tb{margin:0;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.m_page_tb tr:first-child th{border-top:none;}
.m_page_tb tr:first-child td{border-top:none;}
.m_page_tb tr:last-child th{border-bottom:none;}
.m_page_tb tr:last-child td{border-bottom:none;}
.m_page_tb th{border-bottom:1px solid #fff;}
.m_page_tb td{border-bottom:1px solid #eeeeee;background:#fff;}
.m_page_tb table{margin-top:0px;}
.buyer_h_section01 .listWrap{margin-top:30px;}
.buyer_h_section01 .listWrap > .list_box{float:left;width:330px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.buyer_h_section01 .listWrap > .list_box + .list_box{margin-left:30px;}
.buyer_h_section01 .listWrap:after{clear:both;display:block;content:'';}
.buyer_h_section01 .listWrap > .list_box .list_t{padding:30px 25px;border-bottom:1px solid #eeeeee;font-size:14px;color:#888888;position:relative;}
.list_t .moreView{position:absolute;right:25px;}
.list_t .moreView span{width:13px;height:13px;background:url(/images/more_plus.png);background-size:13px;display:inline-block;vertical-align: middle;}
.buyer_h_section01 .listWrap > .list_box .list_d{padding:30px;}
.buyer_h_section01 .listWrap > .list_box .list_d ul li{display:flex;justify-content: space-between;align-items: center;}
.buyer_h_section01 .listWrap > .list_box .list_d ul li .txt{font-size:18px;color:#222;}
.buyer_h_section01 .listWrap > .list_box .list_d ul li .num{font-size:24px;color:#1b9ec9;text-decoration: underline;}
.buyer_h_section01 .listWrap > .list_box .list_d ul li + li{margin-top:25px;}
.buyer_h_section01 .notice_txt{margin-top:10px;color:#888888;font-size:14px;}
.buyer_h_section01 .myOrder{margin-top:30px;background:#fadee0;height:240px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.buyer_h_section02{margin-top:50px;}
.buyer_h_section02 .listWrap{margin-top:30px;}
.buyer_h_section02 .listWrap:after{clear:both;display:block;content:'';}
.buyer_h_section02 .listWrap > .list_box{float:left;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;width:415px;height:280px;}
.buyer_h_section02 .listWrap > .list_box + .list_box{margin-left:30px;width:calc(100% - 445px);}
.buyer_h_section02 .listWrap > .list_box .list_t{padding:25px;border-bottom:1px solid #eeeeee;font-size:14px;color:#888888;position:relative;}
.buyer_h_section02 .listWrap > .list_box .list_t .moretxt{position:absolute;right:30px;top:30px;}
.buyer_h_section02 .listWrap > .list_box .list_d{padding:20px 30px 0 30px;}
.buyer_h_section02 .listWrap > .list_box .list_d .col02 li{float:left;width:calc( (100% - 20px) / 2);}
.buyer_h_section02 .listWrap > .list_box .list_d .col02 li .img{padding:20px 25px;border:1px solid #eaeaea;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.buyer_h_section02 .listWrap > .list_box .list_d .col02 li + li{margin-left:20px;}
.buyer_h_section02 .listWrap > .list_box .list_d .col02:after{clear:both;display:block;content:'';}
.buyer_h_section02 .listWrap > .list_box .list_d .col02 li .txt{margin-top:10px;font-size:14px;line-height:18px;color:#555555;font-weight:300;display: -webkit-box;overflow: hidden;height: 36px;word-break: break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.buyer_h_section02 .listWrap > .list_box .list_d .col03 li{float:left;width:calc( (100% - 40px ) / 3 );}
.buyer_h_section02 .listWrap > .list_box .list_d .col03 li + li{margin-left:20px;}
.buyer_h_section02 .listWrap > .list_box .list_d .col03 li .txt{margin-top:15   px;font-size:14px;line-height:18px;color:#555555;font-weight:300;display: -webkit-box;overflow: hidden;height: 36px;word-break: break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.leftGraph .graph{height:160px;position:relative;width:78px;background:#eff4f9;}
.leftGraph .graph span{position:absolute;bottom:0;width:78px;height:20px;background:#4361ae;}
.buyer_h_section01.seller .graphWrap .graphBox{background:#fff;float:left;width:330px;height:330px;padding:30px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.buyer_h_section01.seller .graphWrap .graphBox + .graphBox{width:calc(100% - 360px);margin-left:30px;}
.graphBox.list{padding:50px 125px !important;position:relative;}
.graphBox.list ul li{float:left;width:calc(100% / 3);text-align:Center;}
.graphBox.list ul{padding:0 50px;background:url(/images/graph_line.png);background-size:100%;background-position:center 35px;background-repeat:no-repeat;}
.graphBox.list ul li .percent.zero{color:#ff4949;}
.graphBox.list ul li .graph{margin:0 auto;width:50%;height:134px;position:relative;background:rgba(239,244,249,0.5);}
.graphBox.list ul li .graph span{display:block;background:#49b1d4;width:100%;height:15%;position:absolute;bottom:0;}
.graphBox.list ul li .percent{text-align:center;font-size:18px;font-weight:500;}
.graphBox.list ul li .graph_tit{font-size:14px;color:#222;text-align:center;margin-top:10px;}
.graphBox.list ul li .graph_tit + a{text-align:center;margin-top:5px;display:inline-block;color:#1b9ec9;text-decoration:underline;}
.graphBox.list ul:after{clear:both; display:block;content:'';}
.graphBox.list .alert_txt{coloR:#aaaaaa;font-size:14px;position:absolute;right:25px;bottom:25px;}
.buyer_h_section01.seller .graphWrap .graphBox .leftGraph{display:flex;align-items: center;justify-content: space-between;width:190px;margin:0 auto;margin-top:20px;}
.buyer_h_section01.seller .graphWrap .graphBox > .txt{margin-top:35px;font-size:14px;color:#888888;line-height:18px;}
.buyer_h_section01.seller .graphWrap .graphBox .leftGraph .percent{font-size:40px;font-weight:400;color:#222222;}
.buyer_h_section01.seller .graphWrap:after{clear:both;display:block;content:'';}
.buyer_h_section01.seller .graphWrap .graphBox > .tit{ font-size:14px;color:#888888;}
.buyer_h_section02.seller .accountInfoWrap{margin-top:65px;}
.buyer_h_section02.seller .accountInfoWrap .infobox{padding:40px 30px;background:#fff;border-radius:10px;float:left;width:calc( (100% - 60px ) / 3);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;align-items: center;position:relative;}
.buyer_h_section02.seller .accountInfoWrap .infobox.mps01:before{content:'';display:inline-block;width:66px;height:66px;background:url(/images/mps_ico01.png);position:absolute;top:-40px;left:24px;}
.buyer_h_section02.seller .accountInfoWrap .infobox.mps02:before{content:'';display:inline-block;width:66px;height:66px;background:url(/images/mps_ico02.png);position:absolute;top:-40px;left:24px;}
.buyer_h_section02.seller .accountInfoWrap .infobox.mps03:before{content:'';display:inline-block;width:66px;height:66px;background:url(/images/mps_ico03.png);position:absolute;top:-40px;left:24px;}
.buyer_h_section02.seller .accountInfoWrap .infobox .txt{width:125px;font-size:16px;}
.buyer_h_section02.seller .accountInfoWrap .infobox .info{color:#1b9ec9;font-size:16px;}
.buyer_h_section02.seller .accountInfoWrap .infobox .info span{color:#888888;font-size:16px;}
.buyer_h_section02.seller .accountInfoWrap:after{clear:both;display:block;content:'';}
.buyer_h_section02.seller .accountInfoWrap .infobox + .infobox{margin-left:30px;}
.searchBoxWrap{padding:30px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #dddddd;}
.searchBoxWrap .searchBox .ipArea{display:inline-block;}
.searchBoxWrap .searchBox .ipArea + .ipArea{margin-left:30px;}
.searchBoxWrap .searchBox + .searchBox{margin-top:20px;}
.searchBoxWrap .searchBox + .searchBox .ipArea + .ipArea{margin-left:46px;}
.searchBoxWrap .searchBox .ipArea label{font-size:16px;color:#888888;margin-right:20px;}
.searchBox .btnIp{width:120px;}
.listTable{margin-top:60px;}
.btnWrap .tb_button01{font-size:16px;color:#fff;background:#555555;padding:0 18px;height:36px;line-height:36px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.btnWrap .download{font-size:14px;color:#888888;position:relative;padding-left:35px;}
.btnWrap .download:before{content:'';display:inline-block;width:24px;height:20px;background:url(/images/download_ico.png);background-size:24px;background-repeat:no-repeat;position:absolute;left:0;top:-3px;}
.btnWrap .tb_button02{font-size:16px;color:#fff;background:#188eb5;padding:0 18px;height:36px;line-height:36px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.btnWrap a + a{margin-left:10px;}
.filterWrap{display:flex;align-items: center;}
.filterWrap .righbtnWRap{flex:1;text-align: right;}
.filterWrap .allNum{font-size:16px;color:#888888;}
.filterWrap .ipArea{margin-left:30px;}
.filterWrap .ipArea label{font-size:16px;color:#888888;margin-right:13px;}
.filterWrap > .btnWrap{margin-left:10px;}
select.small_type{height:36px;line-height:36px;}
.tblList input[type=checkbox] {display:none;}
.tblList input[type=checkbox] + label {display:inline-block; height:20px; padding:0 0 0 20px; background:url(/images/img_check.png) no-repeat 0 0; background-size:20px; font-size:14px; color:#888; line-height:20px; font-weight:300;}
.tblList input[type=checkbox]:checked + label {background:url(/images/img_check_on.png) no-repeat 0 0; background-size:20px; color:#222; font-weight:normal;}
.tblList tbody td{padding:5px 10px;}
.tblList table tr td .prd_name{text-align:left;display:inline-block;text-decoration: underline;font-size:14px;line-height:26px;display: -webkit-box;overflow: hidden;height: 52px;word-break: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
p.tal{text-align:left;}
.m_content{position:relative;min-height: 470px;}
.m_content .m_content_inbtn{position:absolute;righT:0;top:0;font-size:0;}
.m_content .m_content_inbtn a + a{margin-left:10px;}
.m_content .m_content_inbtn .type01{font-size:14px;width:120px;height:36px;line-height:36px;text-align:center;display:inline-block;color:#fff;background:#9bbb59;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.m_content .m_content_inbtn .type02{font-size:14px;width:120px;height:36px;line-height:36px;text-align:center;display:inline-block;color:#fff;background:#bfbfbf;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.m_content .notice_box{background:#f9fbfd;padding:30px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.bullet_list li{font-size:16px;color:#555555;font-weight:400;position:relative;padding-left:10px;}
.bullet_list li:before{content:'';display:inline-block;width:2px;height:2px;background:#555;position:absolute;left:0;top:50%;margin-top:-1px;}
.bullet_list li + li{margin-top:10px;}
.m_right .notice_box{margin-top:20px;}
.m_right .notice_box + .tblList{margin-top:50px;}
.btnIp.w130{width:130px;}
.btnIp.w85{width:85px;}
.btnIp.on{background:#188eb5;color:#fff; transition:all .3s ease;}
.btnIp.on:hover {background:#11637e;}
.ipArea input[type=text] + input[type=text]{margin-left:10px;}
.errorText.b{color:#aaaaaa}
.myphoto_top{padding:20px 30px;margin-top:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;align-items: center;justify-content: space-between;border:1px solid #dddddd;}
.myphoto_top > .txt{color:#888888;font-size:16px;}
.myphoto_bottom{margin-top:40px;}
.myphoto_bottom ul li{float:left;width:260px;}
.myphoto_bottom ul li + li{margin-left:25px;}
.myphoto_bottom ul:after{clear:both;display:block;content:'';}
.myphoto_bottom ul li .img{max-width:100%;width:100%;border-radius:10px;;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:#eaeaea;margin-top:10px;}
.myphoto_bottom ul li > .tit{margin-top:15px;font-size:16px;color:#555555;line-height:20px;display: -webkit-box;overflow: hidden;height: 20px;word-break: break-word; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.myphoto_bottom ul li > .file_n{margin-top:10px;}
.myphoto_bottom ul li > .file_n a{font-size:16px;color:#1b9ec9;text-decoration:underline;}
.myphoto_bottom ul li > .date{margin-top:10px;color:#aaaaaa;font-size:14px;}
.myphoto_bottom ul li:nth-child(4n + 1){margin-left:0px;}
.myphoto_bottom ul li:nth-child(n + 5){margin-top:20px;}
.photo_btnWrap{margin-top:50px;display:flex;justify-content: space-between;}
.photo_btnWrap > .btnType01{background:#e8f5f9;height:46px;line-height:46px;color:#188eb5;text-align:center;width:155px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; border:1px solid #fff; transition:all .3s ease;}
.photo_btnWrap > .btnType01:hover {border:1px solid #188eb5;}
.photo_btnWrap > .btnType02{background:#188eb5;height:46px;line-height:46px;color:#fff;text-align:center;width:155px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; transition:all .3s ease;}
.photo_btnWrap > .btnType02:hover {background:#11637e;}
.file_img{position:relative;width:160px;margin-top:20px;}
.del_btn{width:23px;height:23px;background:url(/images/photo_del.png);background-size:23px;background-repeat: no-repeat;background-position:center;position:absolute;right:0;top:-1px;cursor:pointer;}
.file_img + .file_n{margin-top:10px;}
.file_n a{font-size:16px;color:#1b9ec9;text-decoration:underline;}
.tblData .noti{color:#999999;font-size:14px;margin-top:10px;}
.btnBox a + a{margin-left:20px;}
.tblData + .btnBox{margin-top:40px;text-align:right;}
.tblDataArea + .btnBox{margin-top:40px;}
.tblList + .btnBox{margin-top:40px;}
.layerArea .layerTit{font-size:20px;color:#222222;font-weight:500;}
.layerArea .layerDesc{color:#888888;margin-top:30px;font-size:16px;}
.layerArea .groupList{margin-top:30px;padding-top:20px;border-top:1px solid #eeeeee;}
.groupList{margin-top:20px;}
.groupList .groupBox{display:flex;align-items: center;justify-content: space-between;position:relative;padding:16px 20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:#f6f9fa;}
.groupList .groupBox + .groupBox{margin-top:10px;}
.groupList .groupBox p{font-size:16px;color:#222;}
.groupDel{width:15px;height:15px;background:url(/images/group_del.png);background-size:15px;background-position:center center;cursor:pointer;}
.interests_top{text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:30px;border:1px solid #dddddd;margin-top:20px;}
.interests_bottom{margin-top:30px;}
.interests_bottom > ul > li{float:left;}
.interests_bottom > ul > li + li{margin-left:31px;}
.interests_bottom > ul > li:nth-child(4n + 1){margin-left:0px;}
.interests_bottom > ul > li:nth-child(n + 5){margin-top:50px;}
.interests_bottom > ul:after{clear:both;display:block;content:'';}
.interests_bottom_li .check_small{float:left;width:30px;}
.interests_bottom_li .right{float:right;width:calc(100% - 30px);}
.interests_bottom_li:after{clear:both;display:block;content:'';}
.interests_bottom_li{width:255px;}
.interests_bottom_li .right .img{border:1px solid #eaeaea;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding:35px 40px;}
.interests_bottom_li .right .tit{margin-top:10px;font-size:16px;color:#555555;font-weight:500;line-height:20px;height:40px;display: -webkit-box;overflow: hidden;word-break: break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.order01{padding-left:30px;position:relative;}
.order01:before{content:'';display:inline-block;width:16px;height:13px;background:url(/images/order01.png);background-size:16px;background-repeat:no-repeat;position:absolute;left:0;top:2px;}
.listtopInfo{display:flex;justify-content: space-between;margin-bottom:35px;}
.listtopInfo  > span{font-size: 22px;color: #222;font-weight: 500;}
.listtopInfo > span > span{font-size: 22px;color: #188eb5;font-weight: bold;}
.listtopInfo .right{display:flex;align-items: center;}
.listtopInfo .right > ul {display:flex;align-items: center;}
.listtopInfo .right > ul > li.on{color:#555555;}
.listtopInfo .right > ul > li{float:left;color:#cccccc;font-size:16px;position:relative;cursor:pointer;}
.listtopInfo .right > ul:after{clear:both;display:block;content:'';}
.listtopInfo .right > ul > li + li{margin-left:20px;padding-left:20px;}
.listtopInfo .right > ul > li + li:before{content:'';width:1px;height:8px;background:#ccc;position:absolute;lefT:0;top:50%;margin-top:-4px;}
.listtopInfo .right .right_btnbox{margin-left:30px;}
.listtopInfo .right .right_btnbox a{display:inline-block;width:35px;height:35px;}
.listtopInfo .right .right_btnbox a + a{margin-left:5px;}
.listtopInfo .right .right_btnbox .type01{display:inline-block;width:35px;height:35px;background:url(/images/list_type01.png);background-size:35px;vertical-align: top;}
.listtopInfo .right .right_btnbox .on .type01{width:35px;height:35px;background:url(/images/list_type01_on.png);background-size:35px;}
.listtopInfo .right .right_btnbox .type02{display:inline-block;width:35px;height:35px;background:url(/images/list_type02.png);background-size:35px;vertical-align: top;}
.listtopInfo .right .right_btnbox .on .type02{width:35px;height:35px;background:url(/images/list_type02_on.png);background-size:35px;}
.listtopInfo .right .ipArea{margin-left:10px;}
.listtopInfo .right .ipArea a{width:55px;height:36px;line-height:34px;color:#fff;font-size:16px;text-align:center;background:#555555;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;margin-left:10px;display:inline-block;vertical-align: top;}
.listtopInfo .right .ipArea select.small{padding:0 30px 0 20px; background:#f9fbfd url(/images/img_lang_sel.png) no-repeat right 15px center;}
.cuh{margin-top:20px;}
.chu_list > .head{display:flex;background:#f6f9fa;padding:20px 0;}
.chu_list > .head > div{text-align:center;color:#aaaaaa;font-size:14px;}
.chu_content{display:flex;}
.chu_content > div{text-align:center;font-size:14px;color:#222222;border-right:1px solid #eeeeee;padding:15px 0;}
.chu_content > div > a{color:#188eb5;text-decoration: underline;}
.chu_content > div:nth-child(3){text-align:left;padding:15px 25px;}
.chu_content > div:first-child{border-left:1px solid #eee;}
.chu_list{border-bottom:1px solid #eee;}
.chu_list > .head > div:first-child, .chu_content > div:first-child{width:68px;}
.chu_list > .head > div:nth-child(2), .chu_content > div:nth-child(2){width:142px;  }
.chu_list > .head > div:nth-child(3), .chu_content > div:nth-child(3){ width:auto; flex:1;}
.chu_list > .head > div:nth-child(4), .chu_content > div:nth-child(4){width:145px;}
.chu_list > .head > div:nth-child(5), .chu_content > div:nth-child(5){width:143px;}
.chu_list_box .hidden_box{display:none;border-top:1px solid #eeeeee;}
.chu_list_box .hidden_box > div{display:flex;}
.chu_list_box .hidden_box > div.a{border-top:1px solid #eee;}
.chu_list_box .hidden_box > div > div{background:#fafcfc;border-right:1px solid #eee;}
.chu_list_box .hidden_box > div > div:first-child{text-align:center;font-size:14px;font-weight:500;color:#888888;min-width:110px;width:110px;padding:20px 0;display:flex;align-items: center;justify-content: center;border-left:1px solid #eee;}
.chu_list_box .hidden_box > div > div:nth-child(2){padding:20px 40px;font-size:14px;color:#222;font-weight:300;flex:1;}
.chu_list_box + .chu_list_box{border-top:1px solid #eeeeee;}
.total_perbox .total_per{display:flex;justify-content: space-between;align-items: center;}
.total_perbox .total_per > .tit{font-size:16px;color:#222222;font-weight:500;}
.total_perbox .total_per > .desc{font-size:16px;font-weight:300;color:#222;}
.total_perbox .total_per_box{height:30px;background:#f7f9fc;width:690px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;overflow:hidden;position:relative;}
.total_perbox .total_per_box > span{background:#49b1d4;height:30px;width:33%;display:inline-block;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;}
.total_perbox .total_bottom{margin-top:20px;}
.total_perbox .total_bottom > ul{width:100%;}
.total_perbox .total_bottom > ul > li{float:left;display:flex;width: calc( (100% - 40px) / 3);align-items: center;justify-content: space-between;}
.total_perbox .total_bottom > ul > li + li{margin-left:20px;}
.total_perbox .total_bottom > ul:after{clear:both;display:block;content:'';}
.total_perbox .total_bottom > ul > li .txt{font-size:16px;color:#555555;font-weight:300;}
.total_perbox .total_bottom > ul > li .right{display:flex;align-items: center;}
.total_perbox .total_bottom > ul > li .right > .txt{margin-left:5px;}
.total_perbox .total_bottom > ul > li:nth-child( 3n + 1 ){margin-left:0px;}
.total_perbox .total_bottom > ul > li:nth-child( n + 4 ){margin-top:20px;}
.notice_list{margin-top:9px;font-weight:300;}
.notice_list li{font-size:16px;color:#888;line-height:24px;}
.notice_list li + li{margin-top:5px;}
.tblData .ipArea + .ipArea{margin-top:15px;}
.img_fileWrap{display:flex;align-items: center;}
.img_regi { position:relative; width:238px; height:200px; border-radius:10px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.img_regi .ph { position:absolute; height:100%; width:100%; left:0; top:0; background:#f7f9fc; text-align:center; overflow:hidden; }
.img_regi .ph img { height:100%; width:100%; visibility:hidden; }
.img_regi input[type="file"] {width:100%; position:absolute; left:50%; top:75px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5}
.img_regi a { position:absolute; left:50%; top:75px; transform: translateX(-50%); width:68px; height:104px; background:url(/images/add_img.png); background-repeat:no-repeat; background-position:top center; color:#fff; text-align:center; text-decoration:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.img_regi a span{display:block;bottom:0;position:absolute;color:#888888;font-size:14px;}
.img_fileWrap ul{margin-left:20px;}
.img_fileWrap ul li{font-size:14px;coloR:#888888;font-weight:300;}
.img_fileWrap ul li + li{margin-top:2px;}
.img_add_fileWrap > ul > li{float:left;width:150px;height:125px;}
.img_add_fileWrap > ul:after{content:'';display:block;clear:both;}
.img_add_fileWrap > ul > li .img_regi{width:100%;height:100%;}
.img_add_fileWrap > ul > li .img_regi a{width:40px;height:57px;background-size:40px;}
.video_n{position:relative;padding-right:30px;color:#188eb5;font-size:16px;text-decoration: underline;margin-left:10px;}
.btnBox .btn_flex{display:flex;justify-content: space-between;}
.layerArea .lyContents.type02{max-width:830px;width:830px;}
.lyContents .ancType03{margin-top:20px;padding-top:30px;border-top:1px solid #dddddd}
.lyContents .ancType03 > ul > li{padding:0;margin:0;width:340px;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.lyContents .ancType03 > ul > li > .left{float:left;width:140px;}
.lyContents .ancType03 > ul > li > .left img{width:100%;}
.lyContents .ancType03 > ul > li > .right{float:right;margin-left:15px;width:calc(100% - 155px);}
.lyContents .ancType03 > ul > li :after{clear:both;display:block;content:'';}
.lyContents .ancType03 > ul > li > .right .ancMidText{margin:0;}
.lyContents .ancType03 > ul > li + li{margin-left:15px;}
.lyContents .ancType03 > ul > li:nth-child(2n + 1){margin-left:0px;}
.lyContents .ancType03 > ul > li:nth-child(n + 3){margin-top:40px;}
.lyContents .ancType03 > ul > li > .right .ancMidText p{font-size:18px;color:#555555;line-height:22px;padding:0;}
.lyContents .ancType03 > ul > li > .right .ancBotText > strong{font-size:20px;font-weight:500;}
.lyContents .ancType03 > ul > li > .right .ancBotText > .boxText > span{ display:inline-block;}
.layerArea .lyContents table .ipArea{margin:0;}
.lyContents .layerInput .tblData{margin-top:0;}
.lyContents .layerInput + .btnArea{margin-top:40px;}
.lyContents .com_number + .layerInput{margin-top:20px;padding-top:10px;border-top:1px solid #ddd;}
.layer_b_txt{margin-top:60px;padding:20px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background:#f6f9fa;font-size:14px;line-height:20px;color:#888888;}
.lyContents .layer_b_txt + .btnArea{margin-top:40px;}
.lyContents .tblList thead th{height:58px;}
.lyContents .tblList tbody td{height:58px;}
.buyer_inquiry{margin-top:20px;}
.buyer_inquiry .searchBoxWrap + .tblList{margin-top:60px;}
.buyer_inquiry .searchBoxWrap + .tabs{margin-top:60px;}
.buyer_inquiry .tabs + .tblList{margin-top:20px;}
.intable tr th, .intable tr td{text-align:center;}
.numberWrap > span{display:inline-block;text-align:center;}
.numberWrap > span + span{margin-left:20px;}
.minus, .plus{border:1px solid #ddd;width:30px;height:30px;line-height:28px;cursor:pointer;}
.scrollBox{height:100px;overflow-y:auto;}
.original_message .tblDataTitleArea strong{display:block;text-align:center;background:#bfbfbf;font-weight:500;padding:15px;}
.tblDataArea.input{background:#f6f9fa;padding:20px 15px;border-bottom:1px solid #eee;}
.tblDataArea.input .tblDataTitleArea{margin-top:0px;}
.filebox{position:relative; width:238px;height:200px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {display: inline-block;width:238px;height:200px;vertical-align: middle;cursor: pointer;} /* named upload */
.filebox .upload-name { display: inline-block; background-color: #f5f5f5; -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.filebox .close-view{display:block; position:absolute; right:5px; top:5px; width:24px; height:24px; padding:0; background:url(/images/file_del.png) no-repeat;}
.filebox .file-view-wrap{position:absolute;top: 0;left: 1px;display:table;width: 238px;height: 200px;overflow:hidden;vertical-align: middle;pointer-events:none;background: #fff;box-sizing: border-box;}
.filebox .file-view-wrap>.cont{display: table-cell;vertical-align: middle;text-align:center;line-height: 0;}
.filebox .file-view-wrap>.cont img{max-width: 238px;max-height: 200px;}
.li_file .filebox{float:left; position:relative; width:150px;height:125px;}
.li_file:after{clear:both; display:block; content:'';}
.li_file .filebox + .filebox{margin-left:13px}
.li_file .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.li_file .filebox label {display: inline-block;width:150px;height:125px;vertical-align: middle;cursor: pointer;} /* named upload */
.li_file .filebox .upload-name { display: inline-block; background-color: #f5f5f5; -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
.li_file .filebox .close-view{display:block; position:absolute; right:5px; top:5px; width:24px; height:24px; padding:0; background:url(/images/file_del.png) no-repeat;}
.li_file .filebox .file-view-wrap{position:absolute;top: 0;left: 1px;display:table;width: 150px;height: 125px;overflow:hidden;vertical-align: middle;pointer-events:none;background: #fff;box-sizing: border-box;}
.li_file .filebox .file-view-wrap>.cont{display: table-cell;vertical-align: middle;text-align:center;line-height: 0;}
.li_file .filebox .file-view-wrap>.cont img{max-width: 150px;max-height: 125px;}
.file_noti{margin-top:20px;}
.file_noti li{font-size:14px;color:#888888;font-weight:300;padding-left:13px;position:relative;}
.file_noti li:before{content:'';display:inline-block;width:2px;height:2px;background:#888;position:absolute;left:0;top:50%;margin-top:-1px;}
.certification{display:flex;align-items: center;}
.certification .certi_search{margin-left:50px;display:inline-block;width:65px;height:36px;text-align:center;line-height:36px;background:#555555;coloR:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.refresh span.blind{width:24px;height:20px;display:inline-block;background:url(/images/refresh.png);background-size:24px;vertical-align: top;}
.refreshWrap {position:relative;}
.refreshWrap input{position:relative;}
.refreshWrap .refresh{width:24px;height:20px;position:absolute;right:20px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.refresh_btnWrap{margin-top:20px;text-align:right;}
.refresh_btnWrap a.f_btn01 {font-size:14px;color:#188eb5;padding:10px 25px;background:#e5f4fe;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px; border:1px solid #fff; transition:all .3s ease;}
.refresh_btnWrap a.f_btn01:hover {border:1px solid #188eb5;}
.refresh_btnWrap a.f_btn02{font-size:14px;color:#fff;padding:10px 25px;background:#188eb5;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px; transition:all .3s ease;}
.refresh_btnWrap a.f_btn02:hover {background:#11637e;}

.btnArea .ca:hover {border:1px solid #188eb5;}
.btnArea .ca.on {border:1px solid #188eb5;}
.btnArea .ne {width:190px; height:60px; margin:0 0 0 30px; background:#188eb5; font-size:16px; color:#fff; font-weight:normal; border-radius:12px;  transition:all .3s ease; box-sizing:border-box;}
.btnArea .ne:hover {background:#11637e;}
.btnArea .ne.on {background:#11637e;}

.refresh_btnWrap a + a{margin-left:10px;}
.scroll_div{height:180px;overflow-y:auto;}

.short .lyContents {min-width:900px;}
.short .tblData {margin:30px 0 0 0;}
.short .btnBox {text-align:center;}
.short .fileClear {margin:10px 0 0 0;}
.short .fileClear:after {display:block; content:""; clear:both;}
.short .fileClear .file_img {float:left; margin:0 20px 0 0;}

/* 메인 */
.mainContVis {max-width:1920px; width:100%; min-width:1500px; height:566px; margin:0 auto;}
.mainContVis .swiper-container {position:relative; max-width:1920px; width:100%; min-width:1500px; overflow:hidden;}
.mainContVis .swiper-wrapper {width:50000px;}
.mainContVis .swiper-wrapper:after {display:block; content:""; clear:both;}
.mainContVis .swiper-slide {position:relative; float:left; z-index:4; height:566px; overflow:hidden;}
.mainContVis .swiper-slide-active {z-index:9;}
.mainContVis .swiper-slide a {display:block; position:absolute; left:50%; top:0; transform:translate(-50%, 0);}
.mainContVis .swiper-slide a img {width:auto; height:100%;}
.mainVisNext {display:block; position:absolute; right:50%; top:50%; width:88px; height:88px; margin-right:-750px; background:url(/images/img_main_arr_right.png) no-repeat 0 0; transform:translate(0, -50%);}
.mainVisPrev {display:block; position:absolute; left:50%; top:50%; width:88px; height:88px; margin-left:-750px; background:url(/images/img_main_arr_left.png) no-repeat 0 0; transform:translate(0, -50%);}
.mainVisNext:hover {background:url(/images/img_main_arr_right_on.png) no-repeat 0 0;}
.mainVisPrev:hover {background:url(/images/img_main_arr_left_on.png) no-repeat 0 0;}

.mainSubCont {position:relative; z-index:10; width:1500px; height:337px; margin:-88px auto 0; padding:50px 0 50px 50px; background:#fff; -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.1); box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.1); border-radius:24px; border:1px solid #eaeaea;}
.mainSubCont:after {display:block; content:""; clear:both;}
.mainSubCont > strong {display:block; float:left; font-size:28px; color:#222; font-weight:bold;}
.mainSubSlideArea {position:relative; float:right; width:1190px; padding:0 100px; border-left:1px solid #eaeaea;}
.mainSubSlideArea > .swiper-container {overflow:hidden; }
.mainSubSlideArea .swiper-wrapper {width:9999px;}
.mainSubSlideArea .swiper-wrapper:after {display:block; content:""; clear:both;}
.mainSubSlideArea .swiper-slide {float:left;}
.mainSubSlideArea .swiper-slide > a {display:block; float:left; width:220px; margin-left:36px; }
.mainSubSlideArea .swiper-slide > a:hover p {text-decoration:underline;}
.mainSubSlideArea .swiper-slide > a:first-child {margin:0;}
.mainSubSlideArea .swiper-slide > a > span {display:block; width:220px; height:208px; overflow:hidden; border-radius:12px; }
.mainSubSlideArea .swiper-slide > a > span > img {width:220px; height:208px; border:1px solid #eaeaea; box-sizing:border-box; transform:scale(1.0); transition:all .3s ease;}
.mainSubSlideArea .swiper-slide > a:hover > span > img {transform:scale(1.2);}
.mainSubSlideArea .swiper-slide > a > p {margin:10px 0 0 0; font-size:18px; color:#222; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mainSubVisNext {display:block; position:absolute; right:80px; top:85px; width:42px; height:42px; background:url(/images/img_sub_arr_right.png) no-repeat 0 0;}
.mainSubVisPrev {display:block; position:absolute; left:80px; top:85px; width:42px; height:42px; background:url(/images/img_sub_arr_left.png) no-repeat 0 0;}
.mainSubVisNext:hover {background:url(/images/img_sub_arr_right_on.png) no-repeat 0 0;}
.mainSubVisPrev:hover {background:url(/images/img_sub_arr_left_on.png) no-repeat 0 0;}

.mainBanArea {max-width:1920px; width:100%; min-width:1500px; margin:60px auto 0 ;}
.mainBanArea img {width:100%;}

.popular {position:relative; width:1500px; margin:69px auto 0;}
.popular > strong {margin:0 0 0 0; font-size:28px; color:#222; font-weight:normal;}
.popular .swiper-container {width:1532px; margin:5px 0 0 -16px; overflow:hidden;}
.popular .swiper-wrapper {width:19999px;}
.popular .swiper-wrapper:after {display:block; content:""; clear:both;}
.popular .swiper-slide {float:left; margin:0 4px 0 0; padding:16px 16px 77px 16px; border-radius:24px;}
.popular .swiper-slide > a {display:block; width:220px;}
.popular .swiper-slide > a img {width:100%; border-radius:12px; border:1px solid #eaeaea;}
.popular .swiper-slide > a p {margin:12px 0 0 0; font-size:18px; color:#222; font-weight:normal; line-height:22px;}
.popular .swiper-slide:hover {padding:16px; background:#eff4f9;}
.popular .swiper-slide:hover .hideArea {display:block;}

.poNext {display:block; position:absolute; right:-32px; top:134px; width:64px; height:64px; background:url(/images/img_pop_next.png) no-repeat 0 0; cursor:pointer;}
.poPrev {display:block; position:absolute; left:-32px; top:134px; width:64px; height:64px; background:url(/images/img_pop_prev.png) no-repeat 0 0; cursor:pointer;}
.poNext:hover {background:url(/images/img_pop_next_on.png) no-repeat 0 0; cursor:pointer;}
.poPrev:hover {background:url(/images/img_pop_prev_on.png) no-repeat 0 0; cursor:pointer;}

.hideArea {display:none; margin:17px 0 0 0;}
.hideArea:after {display:block; content:""; clear:both;}
.hideArea a {display:block; float:left; width:106px; height:44px; font-size:14px; color:#167ea1; line-height:46px; border-radius:12px;}
.hideArea a + a {margin:0 0 0 8px;}
.hideMessage {padding:0 0 0 37px; background:#fff url(/images/img_pop_icon01.png) no-repeat 13px 50%;}
.hideMinisite {padding:0 0 0 42px; background:#fff url(/images/img_pop_icon02.png) no-repeat 13px 50%;}

/* 수정 2021-04-29 */
.topCate {position:relative; z-index:5; width:1500px; margin:29px auto 0;}
.topCate > strong {font-size:28px; color:#222; font-weight:normal;}
.topCate .ovrX {overflow:hidden;}
.topCate .ovrX > div {position:relative; width:9999px; height:110px; margin:28px 0 0 0; }
.topCate .ovrX > div:after {display:block; content:""; clear:both;}
.topCate .ovrX > div > a {display:block; position:relative; z-index:10; float:left; height:110px; margin:0 0 0 0; padding:0 0 0 1px; font-size:20px; color:#aaa; font-weight:300; border:1px solid #eee; border-bottom:1px solid #888; border-top-left-radius:12px; border-top-right-radius:12px; line-height:20px;}
.topCate .ovrX > div > a > span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.topCate .ovrX > div > a:first-child {margin:0;}
.topCate .ovrX > div > a:hover, .topCate .ovrX > div > a.on {z-index:15; font-size:20px; color:#222; font-weight:normal; border:1px solid #888; border-bottom:1px solid #fff;}
.topNext {display:block; position:absolute; right:-32px; top:85px; width:64px; height:64px; background:url(/images/img_pop_next.png) no-repeat 0 0; cursor:pointer;}
.topPrev {display:block; position:absolute; left:-32px; top:85px; width:64px; height:64px; background:url(/images/img_pop_prev.png) no-repeat 0 0; cursor:pointer;}
.topNext:hover {background:url(/images/img_pop_next_on.png) no-repeat 0 0; cursor:pointer;}
.topPrev:hover {background:url(/images/img_pop_prev_on.png) no-repeat 0 0; cursor:pointer;}

.topCateDet {position:relative; z-index:4; width:1500px; height:612px; margin:0 auto 0; background:#fff;}
.topCateDet > div {position:absolute; left:0; top:0; z-index:3; width:100%; background:#fff;}
.topCateDet > div.on {z-index:4;}
.topCateDet .swiper-container {position:relative; margin:-1px 0 0 0; border:1px solid #888; border-top:0; overflow:hidden;  border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
.topCateDet .swiper-container > ul {width:9999px; }
.topCateDet .swiper-container > ul:after {display:block; content:""; clear:both;}
.topCateDet .swiper-container > ul > li {float:left;}
.topCateDet .swiper-container > ul > li > ul {padding:40px 10px 0 30px;}
.topCateDet .swiper-container > ul > li > ul:after {display:block; content:""; clear:both;}
.topCateDet .swiper-container > ul > li > ul > li {float:left; width:272px; margin:0 0 43px 20px}
.topCateDet .swiper-container > ul > li > ul > li:first-child, .topCateDet .swiper-container > ul > li > ul > li:nth-child(6) {margin:0 0 43px 0;}
.topCateDet .swiper-container > ul > li > ul > li > a {display:block; font-size:18px; color:#222; font-weight:normal; line-height:22px;}
.topCateDet .swiper-container > ul > li > ul > li > a > span {display:block; width:272px; height:206px; border-radius:12px; overflow:hidden;}
.topCateDet .swiper-container > ul > li > ul > li > a > span > img {width:272px; height:206px;border:1px solid #eaeaea; transform:scale(1.0); transition:all .3s ease;}
.topCateDet .swiper-container > ul > li > ul > li > a:hover > span > img {transform:scale(1.2);}
.topCateDet .swiper-container > ul > li > ul > li > a > p {margin:11px 0 0 0;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.topCateDet .swiper-container > ul > li > ul > li > a:hover > p {text-decoration:underline;}

.caNext {display:block; position:absolute; right:-32px; top:276px; width:64px; height:64px; background:url(/images/img_pop_next.png) no-repeat 0 0; cursor:pointer;}
.caPrev {display:block; position:absolute; left:-32px; top:276px; width:64px; height:64px; background:url(/images/img_pop_prev.png) no-repeat 0 0; cursor:pointer;}
.caNext:hover {background:url(/images/img_pop_next_on.png) no-repeat 0 0; cursor:pointer;}
.caPrev:hover {background:url(/images/img_pop_prev_on.png) no-repeat 0 0; cursor:pointer;}

.cateMore {position:absolute; right:0; top:12px; font-size:18px; color:#bbb; font-weight:normal;}

.topSeller {margin:60px 0 0 0; background:#f1f5f9;}
.topSeller .topIn {width:1500px; margin:0 auto; padding:50px 0 60px;}
.topSeller .topIn > strong {font-size:28px; color:#222; font-weight:normal;}
.topSellerWrap {margin:25px 0 0 0;}
.topSellerWrap:after {display:block; content:""; clear:both;}
.topSellerWrap > div {float:left; margin:0 0 0 36px;}
.topSellerWrap > div:first-child {margin:0;}
.topSellerWrap > div > a {width:348px; display:block; border-radius:12px; overflow:hidden;}
.topSellerWrap > div > a > span {width:348px; height:253px; overflow:hidden;}
.topSellerWrap > div > a > span > img {width:348px; height:253px; transform:scale(1.0); transition:all .3s ease;}
.topSellerWrap > div > a:hover > span > img {transform:scale(1.2);}
.selT {position:relative; width:348px; height: 118px; padding:30px; background:#fff; }
.selT > img {position:absolute; left:30px; top:30px; width:53px; height:39px;}
.selT > p {margin:0 0 0 73px; font-size:20px; color:#555; font-weight:500; line-height:20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.selT > span {display:block; margin:12px 0 0 73px;font-size:18px; color:#888; font-weight:300;}
.selT > span > strong {margin:0 0 0 3px; color:#167ea1; font-weight:normal;}

.businessCenter {width:1500px; margin:49px auto 0; background:#fff;}
.businessCenter > strong > a {font-size:28px; color:#222; font-weight:normal;}
.businessCenterIn:after {display:block; content:""; clear:both;}
.businessCenterIn {margin:21px 0 0 0;}
.busiLeft {float:left; width:1116px; padding:33px 30px; border:1px solid #eaeaea; border-radius:12px;}
.busiBan {float:right; width:348px; border-radius:12px;}
.busiLeft .ban1 {float:left; width:237px;}
.busiLeft .ban1 a {display:block; width:237px; height:278px; overflow:hidden;}
.busiLeft .ban1 a img {width:237px; height:278px;}
.busiLeft .ban2 {float:left; margin: 0 0 0 30px;}
.busiLeft .ban2 a {display:block; position:relative;}
.busiLeft .ban2 a img {position:absolute; left:0; top:0; width:404px; height:124px;}
.busiLeft .ban2 div + div {margin:29px  0 0 0;}
.busiLeft .ban2 a:hover .busiTrade dd li strong {text-decoration:underline;}
.busiLeft .ban2 a:hover .busiTrade dd li span {text-decoration:underline;}
.busiLeft .busiTrade {width:362px; margin:0 0 0 424px;}
.busiTrade {}
.busiTrade dl {}
.busiTrade dt {display:block; font-size:20px; color:#222; font-weight:500; line-height:22px;}
.busiTrade dd {display:block; width:100%; margin:10px 0 0 0; padding:12px 0 0 0; border-top:1px solid #aaa; }
.busiTrade dd {display:block; }
.busiTrade dd li {width:100%; margin:4px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.busiTrade dd li:first-child {margin:0;}
.busiTrade dd li:after {display:block; content:""; clear:both;}
.busiTrade dd li strong {display:block; float:left; width:80px; font-size:16px; color:#888; font-weight:normal;}
.busiTrade dd li span {display:inline-block; float:left; width:calc(100% - 80px); font-size:16px; color:#555; font-weight:normal;}

.busiBan a {display:block; height:347px; border:1px solid #eaeaea; border-radius:12px; overflow:hidden;}
.busiBan a img {width:348px; height:345px;}


.mainKFood {width:1500px; margin:49px auto 0; background:#fff;}
.mainKFood > strong > a{font-size:28px; color:#222; font-weight:normal;}
.mainKFoodIn {position:relative; margin:19px 0 0 0; border:1px solid #eaeaea; border-radius:12px;}
.mainKFoodIn > div {padding:35px 30px 35px 250px}
.mainKFoodIn > strong {position:absolute; left:45px; top:30px; font-size:30px; color:#222; font-weight:bold; line-height:36px;}
.mainKFoodIn > strong > span {display:block; font-size:30px; color:#222; font-weight:300;}
.mainKFoodIn > div li {width:866px;}
.mainKFoodIn > div li + li {margin:19px 0 0 0; padding:20px 0 0 0; border-top:1px solid #eaeaea;}
.mainKFoodIn > div a {display:block; position:relative;}
.mainKFoodIn > div a > img {position:absolute; left:0; top:0px; width:120px; height:83px;}
.mainKFoodIn > div a > div {padding:0 0 0 140px;}
.mainKFoodIn > div a > div > strong {display:block; font-size:16px; color:#222; font-weight:normal; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainKFoodIn > div a:hover > div > strong {ont-weight:500; text-decoration:underline; letter-spacing:-0.1px; line-height:16px;}
.mainKFoodIn > div a > div > p {margin:3px 0 0 0; font-size:16px; color:#555; font-weight:300; line-height:21px;}
.mainKFoodIn > div a > div > span {display:block; margin:7px 0 0 0; font-size:14px; color:#888; font-weight:300;}
.mainKFoodIn > div.mainKFoodBan {position:absolute; right:35px; top:35px; padding:0;}
.mainKFoodIn > div.mainKFoodBan a {display:block; position:relative; width:323px; height:207px; border:1px solid #eaeaea; border-radius:12px; overflow:hidden;}
.mainKFoodIn > div.mainKFoodBan a:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2;}
.mainKFoodIn > div.mainKFoodBan a > img {position:static; width:100%;}
.mainKFoodIn > div.mainKFoodBan a > span {position:absolute; left:27px; bottom:34px; font-size:30px; color:#fff; font-weight:bold; line-height:36px;}
.mainKFoodIn > div.mainKFoodBan a > span > span {display:block; font-weight:300;}

.cc {width:1500px; margin:49px auto 0; background:#fff;}
.cc  > strong > a{font-size:28px; color:#222; font-weight:normal;}
.ccIn {position:relative; margin:19px 0 0 0; padding:22px 30px 30px 30px; border:1px solid #eaeaea; border-radius:12px;}
.ccIn:after {display:block; content:""; clear:both;}
.ccLeft {float:left; width:692px;}
.ccLeft > strong {font-size:22px; color:#222; font-weight:bold; }
.ccLeft > div {position:relative;  margin:11px 0 0 0; border-top:1px solid #ccc;}
.ccLeft > div ul {}
.ccLeft > div > a {position:absolute; right:0; top:-36px; font-size:14px; color:#888; font-weight:300;}
.ccLeft > div li {position:relative; margin:17px 0 0 0; padding:0 0 0 10px;}
.ccLeft > div li:before {display:block; content:""; position:absolute; left:0; top:10px; width:1px; height:1px; background:#aaa;}
.ccLeft > div li:after {display:block; content:""; clear:both;}
.ccLeft > div li span {display:block; float:left; width:100px; font-size:14px; color:#888; font-weight:300;}
.ccLeft > div li a {display:block; float:left; width:calc(100% - 100px); font-size:16px; color:#222; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ccLeft > div li a:hover {font-weight:400; text-decoration:underline;}
.ccRight {position:relative; float:right; width:calc(50% - 18px);}
.ccQA {display:block; position:absolute; right:0; top:8px; width:calc(50% - 22px); height:163px; background:url(/images/img_main_cc_01.png) no-repeat 0 0;}
.ccQA:hover span {text-decoration:underline;}
.ccQA > span {position:absolute; right:17px; bottom:20px; font-size:40px; color:#555; font-weight:bold; line-height:36px;}
.ccManu {display:block; position:relative; float:left; width:328px; height:163px; margin:0 0 0 45px; background:url(/images/img_main_cc_02.png) no-repeat 0 0;}
.ccManu:hover > span {text-decoration:underline;}
.ccManu > span {position:absolute; right:17px; bottom:20px; font-size:24px; color:#555; font-weight:900; line-height:24px;}
.ccRight > div {position:relative;}
.ccRight > div > strong {font-size:22px; color:#222; font-weight:bold; }
.ccRight > div > div {width:calc(50% - 22px); margin:11px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
.ccRight > div > div > ul {}
.ccRight > div > div > ul > li {}
.ccRight > div > div > ul > li + li {margin:22px 0 0 0;}
.ccRight > div > div > ul > li:after {display:block; content:""; clear:both;}
.ccRight > div > div > ul > li > strong {display:block; float:left; width:32%; font-size:16px; color:#888; font-weight:500; line-height:26px; vertical-align:top;}
.ccRight > div > div > ul > li > div {display:block; float:right; width:68%; vertical-align:top;}
.ccRight > div > div > ul > li > div > a {display:block; position:relative; float:left; width:50%; margin:9px 0 0 0; padding:0 0 0 11px; font-size:16px; color:#888; font-weight:normal; line-height:26px; vertical-align:top;}
.ccRight > div > div > ul > li > div > a:first-child {margin:0;}
.ccRight > div > div > ul > li > div > a:nth-child(2) {margin:0;}
.ccRight > div > div > ul > li > div > a:hover {color:#222; text-decoration:underline;}
.ccRight > div > div > ul > li > div > a:before {display:block; content:""; position:absolute; left:0; top:12px; width:2px; height:2px; background:#888;}

.gnb {display:none; position:absolute; left:0; top:64px; z-index:100; background:#fff; border:1px solid #dde2e5; border-bottom-left-radius:12px; border-bottom-right-radius:12px; }
.gnb > ul {}
.gnb > ul > li {width:298px; padding:7px 30px;}
.gnb > ul > li:first-child {padding:28px 30px 7px 30px;}
.gnb > ul > li:last-child {}
.gnb > ul > li > a {display:block; padding:0 20px 0 0; font-size:16px; color:#aaa; font-weight:300; line-height:18px; }
.gnb > ul > li > a:hover, .gnb > ul > li.on > a {background:url(/images/img_gnb_right.png) no-repeat right center; color:#222; font-weight:normal;}
.gnb > ul > li.on > ul {display:block;}
.gnb > ul > li > ul {display:none; position:absolute; left:298px; top:-1px; height:auto; padding:14px 30px 30px 30px; background:#fff; border:1px solid #dde2e5; border-bottom-right-radius:12px; border-top-right-radius:12px;}
.gnb > ul > li > ul:after {display:block; content:""; clear:both;}
.gnb > ul > li > ul > li {display:inline-block; width:250px; margin:0 0 0 20px; vertical-align:top;}
.gnb > ul > li > ul > li:first-child {margin:0;}
.gnb > ul > li > ul > li > strong {display:block; font-size:16px; color:#222; font-weight:normal; line-height:42px;}
.gnb > ul > li > ul > li > ul {}
.gnb > ul > li > ul > li > ul > li {margin:8px 0 0 0;}
.gnb > ul > li > ul > li > ul > li:first-child {margin:2px 0 0 0;}
.gnb > ul > li > ul > li > ul > li > a {font-size:16px; color:#aaa; font-weight:300; line-height:18px;}
.gnb > ul > li > ul > li > ul > li > div > a {font-size:16px; color:#aaa; font-weight:300; line-height:18px;}
.gnb > ul > li > ul > li > ul > li > a:hover {color:#222; font-weight:normal; text-decoration:underline;}

.goAllCate {display:block; width:242px; height:50px; margin:22px auto 30px; padding:0 0 0 40px; background:#49b1d4 url(/images/img_all_cate_right.png) no-repeat right 40px center; font-size:18px; color:#fff; font-weight:normal; line-height:48px; border-radius:25px; transition:all .3s ease;}
.goAllCate:hover {background:#11637e url(/images/img_all_cate_right.png) no-repeat right 40px center;}
.devLy {display:none; position:absolute; top:64px; z-index:100; width:200px; padding:10px 0 20px; background:#fff; text-align:center; border:1px solid #dde2e5; border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
.devLy.on {display:block;}
.devLy > ul {}
.devLy > ul > li {}
.devLy > ul > li > a {font-size:18px; color:#222; font-weight:300; line-height:54px;}
.devLy > ul > li > a:hover {font-weight:normal; text-decoration:underline;}
.dev1Ly {left:300px;}
.dev2Ly {left:500px;}
.dev3Ly {left:700px;}
.dev4Ly {left:900px;}
.dev5Ly {left:1100px;}

/* 2021-04-07 add */
.subscriptionArea {margin:19px 0 0 0; text-align:right;}
.subscriptionArea > a {display:inline-block; width:155px; height:46px; background:#e8f5f9; font-size:16px; color:#188eb5; font-weight:normal; text-align:center; line-height:44px; border-radius:12px; border:1px solid #fff; transition:all .3s ease;}
.subscriptionArea > a:hover {border:1px solid #188eb5;}
.subscriptionArea > a.on {border:1px solid #188eb5;}

/* cs */
.csArco {}
.csArco ul {margin:20px 0 0 0;}
.csArco li {border-bottom:1px solid #e5e5e5;}
.csArco li:first-child {border-top:1px solid #e5e5e5;}
.csArco a {display:block; position:relative;}
.csArco a:hover {background:#fafbfc;}
.csArco .detail {position:relative; margin:20px 0 0 0; background:#fafbfc;}
.csArco a > p {padding:25px 140px 24px 30px; font-size:16px; color:#222; font-weight:normal; line-height:26px;}
.csArco a > span {position:absolute; right:30px; top:50%; font-size:14px; color:#888; font-weight:300; line-height:26px; transform:translate(0, -50%);}
.csArco .detail > p {padding:25px 140px 24px 30px; font-size:16px; color:#222; font-weight:normal; line-height:26px;  border-top:1px solid #eee; border-bottom:1px solid #eee;}
.csArco .detail > span {position:absolute; right:30px; top:50%; font-size:14px; color:#888; font-weight:300; line-height:26px; transform:translate(0, -50%);}
.csArcoCon {padding:25px 30px 23px 30px;}
.csArco .fileUpArea .adFileList a {display:inline-block;}
.csArco .tblData {margin:0;}
.csArco .tblData table {margin:0;}

.prevNextArea {margin:80px 0 0 0;}
.prevNextArea > div {padding:25px 30px 24px 30px; border-bottom:1px solid #eee;}
.prevNextArea > div:first-child {border-top:1px solid #eee;}
.prevNextArea > div:after {display:block; content:""; clear:both;}
.prevNextArea strong {display:block; float:left; padding:0 60px 0 0; font-size:16px; color:#aaa; font-weight:normal; line-height:26px;}
.prevNextArea .arcoPrev strong {background:url(/images/img_prevnext_down.png) no-repeat right 30px center;}
.prevNextArea .arcoPrev:hover strong {background:url(/images/img_prevnext_down_on.png) no-repeat right 30px center; color:#222; font-weight:normal; }
.prevNextArea .arcoNext strong {background:url(/images/img_prevnext_up.png) no-repeat right 30px center;}
.prevNextArea .arcoNext:hover strong {background:url(/images/img_prevnext_up_on.png) no-repeat right 30px center; color:#222; font-weight:normal; }
.prevNextArea a {display:block; float:left; width:950px; font-size:16px; color:#aaa; font-weight:normal; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevNextArea .arcoPrev:hover a {color:#222; font-weight:normal;}
.prevNextArea .arcoNext:hover a {color:#222; font-weight:normal;}

.arRight {text-align:right;}
.csArco + .btnBox {margin:40px 0 0 0;}

.csArco.act {}
.csArco.act li > a {background:#fff url(/images/img_prevnext_down.png) no-repeat right 30px center;}
.csArco.act li > a:hover {background:#fff url(/images/img_prevnext_down_on.png) no-repeat right 30px center;}
.csArco.act li > a.on:hover {background:#fff url(/images/img_prevnext_up_on.png) no-repeat right 30px center;}
.csArco.act li > a > p {font-size:16px; color:#888; font-weight:400; line-height:26px;}
.csArco.act li > a > p > strong {font-weight:500;}
.csArco.act li > a:hover > p {color:#222;}
.csArco.act li > a:hover > p > strong {font-weight:bold; color:#222;}
.csArco.act li > div {display:none; padding:25px 30px 24px 30px; background:#fafbfc; font-size:16px; color:#222; font-weight:300; line-height:22px; border-top:1px solid #e5e5e5;}
.csArco.act li.on > a {background:#fff url(/images/img_prevnext_up_on.png) no-repeat right 30px center;}
.csArco.act li.on > a > p {color:#222;}
.csArco.act li.on > a > p > strong {font-weight:bold; color:#222;}
.myphoto_top.noBdr {border:0; padding:0;}

/* detail */
.zzimed + .ancIconArea {margin:13px 0 0 0; padding:15px 0 0 0; line-height:1.2; border-top: 1px solid #eee; }
.zzimed + .ancIconArea + .ancTypeTagArea {margin:0 0 0 0; padding:0; border:0;}
.detailTitle {display:block; margin:26px 0 0 0; font-size:40px; color:#222; font-weight:bold;}
.h2AddSub {font-size:20px; color:#888; font-weight:300; line-height:20px;}
.h2AddSub + .popular {margin:54px 0 0 0;}
.tblData + .listtopInfo {margin:60px 0 0 0;}
.listtopInfo select {height:36px;}
.listtopInfo + .ancType03 {margin:18px 0 0 0;}
.selectItems td a {display:inline-block; margin:0 17px 0 0; padding:7px 17px 6px 16px;background:#fff; font-size:16px; color:#888; font-weight:300; line-height:26px;  border-radius:30px;}
.selectItems td a:hover, .selectItems td a.on {background:#e5f4fe; color:#188eb5; font-weight:normal;}
.tblTagArea {position:relative; padding:20px 150px 20px 20px; background:#fafcfc; border-bottom:1px solid #f2f4f4;}
.tblTagArea > span {display:inline-block; position:relative; margin:0 0 0 17px; padding:8px 63px 8px 19px; background:#49b1d4; font-size:16px; color:#fff; font-weight:normal; line-height:26px; border-radius:12px;}
.tblTagArea > span:first-child {margin:0;}
.tblTagArea > span > .delItem {position:absolute; right:20px; top:14px; width:14px; height:13px; padding:0; background:url(/images/img_del_item.png) no-repeat 0 0;}
.tblTagArea .itemInit {position:absolute; right:30px; top:28px; padding:0 0 0 27px; background:transparent url(/images/img_item_init.png) no-repeat 0 5px; font-size:16px; color:#888; font-weight:normal; line-height:26px; border-radius:0;}
.tblTagArea .itemInit:hover {padding:0 0 0 27px; background:transparent url(/images/img_item_init.png) no-repeat 0 5px; border-radius:0; color:#888;}
.hasUpDown {display:inline-block; height:30px; padding:0 50px 0 0; background:url(/images/img_has_up.png) no-repeat right center;}
.hasUpDown.on {background:url(/images/img_has_down.png) no-repeat right center;}
.ovr380 {height:380px; overflow-y:auto;}
.cateBanArea {position:absolute; right:0; top:0; width:468px; height:119px; overflow:hidden; border-radius:12px;}
.cateBanArea > ul {width:9999px;}
.cateBanArea > ul:after {display:block; content:""; clear:both;}
.cateBanArea > ul > li {float:left; width:468px;}
.cateBanArea > ul > li > a {display:block; width:468px;}
.cateBanArea > ul > li > a img {width:468px; height:119px;}
.cateBanArea .swiper-pagination {position:absolute; right:20px; top:20px;}
.cateBanArea .swiper-pagination:after {display:block; content:""; clear:both;}
.cateBanArea .swiper-pagination-bullet {display:block; float:left; width:8px; height:8px; margin:0 0 0 8px;background:#fff; border-radius:4px; transition:width .3s ease;}
.cateBanArea .swiper-pagination-bullet:first-child {margin:0;}
.cateBanArea .swiper-pagination-bullet-active {width:30px;}

.ancType03 ul.typeList {}
.ancType03 ul.typeList > li {float:none; width:100%; margin:0 0 30px 0;}
.ancType03 ul.typeList > li:after {display:block; content:""; clear:both;}

.ancType03 ul.typeList > li > div > .ancMidText.ancBotText {width:730px; height:195px; margin: 0 0 0 32px; padding: 0 128px 0 0;}
.ancType03 ul.typeList > li > div > div {position:relative; float:left;}
.ancType03 ul.typeList > li > div > div:last-child {float:right;}
.ancType03 ul.typeList > li > div > .ancMidText.ancBotText + .ancMidText.ancBotText {width:350px; padding:0 0 0 30px; margin:0; border-left:1px solid #ddd;}
.ancType03 ul.typeList > li > div > .ancMidText.ancBotText + .ancMidText.ancBotText .zzimed + .ancIconArea {margin:68px 0 0 0; padding:0; border:0;}
.ancType03 ul.typeList > li > div > .ancMidText.ancBotText + .ancMidText.ancBotText .itemLinkArea {position:absolute; left:30px; top:10px;}
.ancType03 ul.typeList > li > div > .ancMidText.ancBotText + .ancMidText.ancBotText .zzimed {position:absolute; right:0; top:10px; margin:0;}
.ancType03 ul.typeList > li > div > div > ul {width:9999px;}
.ancType03 ul.typeList > li > div > div > ul:after {display:block; content:""; clear:both;}
.ancType03 ul.typeList > li > div > div > ul > li {float:left; width:285px; height:195px;}
.ancType03 ul.typeList > li > div > .ancMidText.ancBotText > p {max-height:44px; height:auto; padding:0;}
.anc031 > .swiper-container {width:287px; height:197px; overflow:hidden;}
.ancMidTextBtnArea {position:absolute; bottom:0; left:30px; width:calc(100% - 30px); }
.ancMidTextBtnArea:after {display:block; content:""; clear:both;}
.ancMidTextBtnArea .goInqu {display:inline-block; float:left; width:calc(50% - 10px); padding:0 0 0 66px; background:url(/images/img_goinqu.png) no-repeat 38px 12px; font-size:14px; color:#167ea1; font-weight:normal; line-height:44px; border:1px solid #aad8e9; border-radius:12px;}
.ancMidTextBtnArea .goMini {display:inline-block; float:right; width:calc(50% - 10px); padding:0 0 0 66px; background:url(/images/img_gomini.png) no-repeat 38px 12px; font-size:14px; color:#167ea1; font-weight:normal; line-height:44px; border:1px solid #aad8e9; border-radius:12px;}
.addTo {display:block; position:absolute; left:0; bottom:0; width:330px; height:50px; background:#e5f4fe; font-size:16px; font-weight:normal; color:#167ea1; line-height:50px; border-radius:25px; text-align:center; border:1px solid #fff; transition:all .3s ease;}
.addTo:hover {border:1px solid #188eb5;}
.addTo.on {border:1px solid #188eb5;}

.tblData.inquiry {margin:20px 0 0 0;}
.tblDataTitleArea span.goMinisite {font-size:18px; color:#222; font-weight:300; line-height:26px;}
.goMinisite > a {display:inline-block; height:44px; margin:0 0 0 5px; padding:0 16px 0 41px; background:url(/images/img_bg_gomini.png) no-repeat 15px 10px; font-size:14px; color:#167ea1; line-height:44px; font-weight:normal; vertical-align:middle; border:1px solid #eee; border-radius:12px; }
.tblDataTitleArea span.like222 {font-size:16px; color:#222; font-weight:300; line-height:24px;}
td.hasImg {text-align:center;}
td.hasImg img {width:185px; height:170px;}
.phrase03 .subTextArea  {margin:20px 0;}
.phrase03 .subTextArea .tit {font-size:16px; color:#555; font-weight:500;}
.phrase03 .subTextArea ul li {font-size:16px; color:#222; font-weight:300;}
.btnIp + .adFileList {margin:0 0 0 15px;}
.fileUpArea .adFileList a + a.adFileDel {display:inline-block; width:23px; height:23px; margin:0 5px 0 5px; background:url(/images/photo_del.png); background-size: 23px; background-repeat:no-repeat; background-position:center;}
.tblData.inquiry .hasTextArea td {padding:20px 0;}
.tblData.inquiry + .tblDataTitleArea {margin:53px 0 0 0;}
.btnArea.inquiry {margin:40px 0 0 0; text-align:center;}


/* minihomepage */
.miniTop {height:107px; background:#f7f9fc; border-bottom:1px solid #eee;}
.miniTopIn {position:relative; width:1500px; margin:0 auto;}
.miniTopIn > span {display:block; position:absolute; left:50px; top:17px; width:140px; height:73px; background:#fff; text-align:center; border-radius:12px; box-sizing:border-box;}
.miniTopIn > span > img  {position:absolute; left:50%; top:50%; max-width:140px; max-height:73px; transform:translate(-50%, -50%);}
.miniTopInText {padding:25px 0 0 230px; font-size:24px; color:#222; font-weight:500; line-height:24px;}
.miniTopInText .ancIconArea {margin:14px 0 0 -1px;}
.miniTopInText > strong > .zzim {display:inline-block; width:22px; height:20px; margin:0 0 0 5px; background:url(/images/img_zzimed.png) no-repeat 0 0; vertical-align:middle;}
.miniTopInText > strong > .zzim.on {background:url(/images/img_zzim.png) no-repeat 0 0;}
.miniShare {position:absolute; right:0; top:50%; transform:translate(0, -50%);}
.miniShare span {font-size:16px; color:#222; font-weight:300; line-height:30px; vertical-align:middle;}
.miniShare a {display:inline-block; width:28px; height:28px; margin:0 0  0 4px; vertical-align:middle;}
.miniShare span + a {margin:0 0 0 12px;}
.miniShare .f {background:url(/images/img_s_f.png) no-repeat 0 0;}
.miniShare .i {background:url(/images/img_s_i.png) no-repeat 0 0;}
.miniShare .t {background:url(/images/img_s_t.png) no-repeat 0 0;}
.miniShare .r {background:url(/images/img_s_r.png) no-repeat 0 0;}
.miniShare .l {background:url(/images/img_s_l.png) no-repeat 0 0;}
.miniShare .tum {background:url(/images/img_s_tum.png) no-repeat 0 0;}
.anchorList.tab {padding:0; }
.anchorList.tab li a {border-top:0;}

.anchorContents01 {height:460px;}
/* 220809 css 수정 s */
.anchorContents01 > div {position:relative; max-width:1920px; width:100%; min-width:1500px; margin: 0 auto; overflow:hidden;}
/* 220809 css 수정 e */
.anchorContents01 ul {width:99999px; text-align:center;}
.anchorContents01 ul:after {display:block; content:""; clear:both;}
.anchorContents01 ul li {float:left; height:460px;}
.anchorContents01 ul li img {max-height:420px;max-width:100%;}
.anchorContentNext {}
.anchorContentPrev {}
.anchorContentNext {display:block; position:absolute; right:50%; top:50%; width:88px; height:88px; margin-right:-750px; background:url(/images/img_main_arr_right.png) no-repeat 0 0; transform:translate(0, -50%);}
.anchorContentPrev {display:block; position:absolute; left:50%; top:50%; width:88px; height:88px; margin-left:-750px; background:url(/images/img_main_arr_left.png) no-repeat 0 0; transform:translate(0, -50%);}
.anchorContentNext:hover {background:url(/images/img_main_arr_right_on.png) no-repeat 0 0;}
.anchorContentPrev:hover {background:url(/images/img_main_arr_left_on.png) no-repeat 0 0;}
.anchorPageArea {position:absolute; right:50%; margin-right:-750px; bottom:30px; }
.anchorContents01 .swiper-pagination {display:inline-block; padding:0 0 0 10px; color:#888; font-size:14px; font-weight:normal;}
.anchorContents01 .swiper-pagination:after {display:block; content:""; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:#000; opacity:0.2; border-radius:12px;}
.anchorContents01 .swiper-pagination .swiper-pagination-current {position:relative; z-index:10; font-size:14px; color:#fff; font-weight:500; vertical-align:middle;}
.anchorContents01 .swiper-pagination .swiper-pagination-total {position:relative; z-index:10; font-size:14px; color:#888; font-weight:normal; vertical-align:middle;}
.anchorPageArea  .swiper-button-play {display:none; position:relative; z-index:10; width:9px; height:8px; margin:0 0 0 5px; padding:0 15px 0 0;background:url(/images/img_btn_auto.png) no-repeat 0 0; vertical-align:1px; cursor:pointer;}
.anchorPageArea  .swiper-button-pause {display:none; position:relative; z-index:10; width:6px; height:8px; margin:0 0 0 5px; padding:0 15px 0 0; background:url(/images/img_btn_stop.png) no-repeat 0 0; vertical-align:middle; cursor:pointer;}
.anchorPageArea  .swiper-button-play.on {display:inline-block;}
.anchorPageArea  .swiper-button-pause.on {display:inline-block;}

.popular.bestPopular .swiper-slide {padding:16px}
.companyInformation {margin:30px 0 0 0;}
.companyInformation > strong {margin: 0 0 0 0; font-size: 28px; color: #222; font-weight: normal;}
.cIBox {margin:21px 0 0 0; padding:30px; border:1px solid #eaeaea; border-radius:12px;}
.cIBox:after {display:block; content:""; clear:both;}
.cIImage {float:left; width:570px; height:425px; margin:0 0 30px 0;}
.cIImage img {width:570px; height:425px;}
.cIText {position:relative; float:right; width:830px;  height:425px;  margin:0 0 30px 0;}
.cIText > .cITextOv {height:330px; overflow-y:auto; font-size:16px; color:#222; font-weight:300; line-height:22px;word-break:keep-all;}
.ciImgArea {position:absolute; left:0; bottom:0; width:100%; height:66px;}
.ciImgArea:after {display:block; content:""; clear:both;}
.ciImgArea > a {display:block; float:left; width:76px; height:66px; box-sizing:border-box; border:1px solid #f1f5f7;}
.ciImgArea > a + a {margin:0 0 0 5px;}
.ciImgArea > a img {width:100%; height:100%;}
.cIList {clear:both; padding:26px 0 0 0; border-top:1px solid #eaeaea;}
.cIList li {position:relative; padding:0 0 0 13px; font-size:18px; color:#222; font-weight:normal; line-height:22px;}
.cIList li + li {margin:9px 0 0 0;}
.cIList li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background:#222;}

.sendMessageWrap {margin:55px 0 0 0;}
.sendMessageWrap > strong {font-size:20px; color:#555; font-weight:normal; line-height:26px;}
.qAndAArea {margin:27px 0 0 0;padding:24px 0 20px; border:1px solid #eaeaea; border-radius:12px;}
.qArea {}
.qArea:after {display:block; content:""; clear:both;}
.qArea > strong {display:block; float:left; width:120px; padding:0 20px 0 0; font-size:16px; color:#888; font-weight:normal; line-height:26px; text-align:right; box-sizing:border-box;}
.qArea > span {display:block; float:left; font-size:16px; color:#222; font-weight:500; line-height:26px;}
.aArea {margin:10px 0 0 0;}
.aArea:after {display:block; content:""; clear:both;}
.aArea > strong {display:block; float:left; width:120px; padding:0 20px 0 0; font-size:16px; color:#888; font-weight:normal; line-height:26px; text-align:right; box-sizing:border-box;}

.aArea > .msgArea {position:relative; float:left; width:calc(100% - 120px);}
.aArea > .msgArea .msgTArea {position:relative; width:1130px; height:192px; padding:20px 30px 20px 20px; background:#f7f9fc;  border:0; border-radius:12px;}
.aArea > .msgArea textarea {width:100%; height:110px; background:#f7f9fc;  font-size:16px; color:#222; font-weight:normal; line-height:24px; border:0;}
.aArea > .msgArea .msgTArea .byte {position:absolute; right:30px; bottom:30px; font-size:14px; color:#888; font-weight:300; line-height:26px;}
.aArea > .msgArea .btnArea {position:absolute; right:30px; top:132px; }
.aArea > .msgArea .btnAgreeArea {margin:23px 0 0 0; text-align:left;}

/* list-type add 04.20*/
.list-type-02 tr td{text-align:center; height:60px; border-right:1px solid #eeeeee; border-bottom:1px solid #eee;}
.list-type-02 tr td:nth-child(2){text-align:left; padding:0 30px;}
.list-type-02 tr:first-child td{border-top:1px solid #eee; border-left:1px solid #eee;}
.img_txtWrap{display:flex; align-items:center;}
.img_txtWrap .img{height:38px;}
.img_txtWrap .img img{height:100%;}
.img_txtWrap .img + .tit{margin-left:20px;}
.img_txtWrap .tit{display: -webkit-box; overflow: hidden; word-break: break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.list-type-02 .call{display:inline-block; position:relative; padding-left:24px;}
.list-type-02 .call:before{content:''; display:inline-block; width:16px; height:12px; background:url(/images/call.png); background-repeat:no-repeat; position:absolute;left:0; top:6px;}
.prd_list ul li{ float:left; width:calc( (100% - 60px) / 4); display: flex; align-items: flex-start;}
.prd_list ul li + li{margin-left:20px;}
.prd_list ul li:nth-child(4n + 1){margin-left:0px;}
.prd_list ul li:nth-child(n + 5){margin-top:30px;}
.prd_list ul:after{clear:both; display:block; content:'';}
.prd_list ul li .borderBox{padding:20px; border:1px solid #dddddd; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.prd_list ul li .borderBox .img{width:100%;}
.prd_list ul li .borderBox .img img{width:100%;}
.prd_list ul li .borderBox .ancMidText > p{padding:0;}
.prd_list ul li .borderBox .ancBotText > strong{font-size:20px;}
.prd_list ul li .borderBox .like{margin-top:10px;}
.prd_list ul li .borderBox .like span{display:inline-block; padding-left:30px; font-size:14px; font-weight:500; color:#555555; position:relative;}
.prd_list ul li .borderBox .like span:before{content:''; display:inline-block; width:22px; height:20px; background:url(/images/like.png); background-repeat:no-repeat; position:absolute; lefT:0; top:0px;}

.loginInputWrap + .ipArea {position:relative;}
.loginInputWrap + .ipArea .forgot {position:absolute; right:0; top:2px; font-size:16px; color:#188eb5; font-weight:normal; text-decoration:underline; text-align:right;}
.otherLog {margin:20px 0 0 0; padding:30px 0 0 0; border-top:1px solid #eee;}
.otherLogF {display:block; float:left; width:50%; height:46px; padding:0 0 0 65px; background:url(/images/img_log_f.png) no-repeat 0 center; font-size:16px; color:#555; font-weight:normal; line-height:46px;}
.otherLogG {display:block; position:relative; float:left; width:calc(50% - 50px); height:46px; margin:0 0 0 50px; padding:0 0 0 65px; background:url(/images/img_log_g.png) no-repeat 0 center; font-size:16px; color:#555; font-weight:normal; line-height:46px;}
.otherLogG:after {display:block; content:""; position:absolute; left:-50px;  top:11px; width:1px; height:24px; background:#ccc; }

.editPass {margin:34px 0 0 0; }
.editPass > strong {font-size:26px; color:#222; font-weight:bold; line-height:30px;}
.editPassYak {margin:23px 0 0 0; padding:27px 5px 25px 30px; background:#f9fbfd; font-size:16px; color:#555; font-weight:300; line-height:20px; border-radius:12px;}
.editPass >  .btnArea {margin:40px 0 0 0; text-align:center;}

.clff0e0e {color:#ff0e0e;}
.lyInfoBox {margin:22px 0 0 0; padding:7px 0 4px; background:#f9fbfd; font-size:14px; color:#555; font-weight:300; line-height:36px; text-align:center; border-radius:12px;}

/* 220809 css 수정 s */
.m_content .ancType03 li {width:348px; /*margin:0 0 30px 0;*/text-align:center;}
.m_content .ancType03 > ul > li:nth-child(3n) {margin-right:0 !important;}
/* .m_content .ancType03 > ul > li:nth-child(4n) {margin:0 35px 0 0;} */
/* 220809 css 수정 e */
.m_content .ancType03 ul.typeList > li > div > .ancMidText.ancBotText {width:300px; padding:0;}

.ipArea .icon001 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_f_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon001 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon001:after {}
.ipArea .icon002 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_i_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon002 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon002:after {}
.ipArea .icon003 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_t_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon003 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon003:after {}
.ipArea .icon004 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_r_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon004 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon004:after {}
.ipArea .icon005 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_l_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon005 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon005:after {}
.ipArea .icon006 {display:inline-block; width:45px; height:45px; background:url(/images/img_s_tum_big.png) no-repeat 0 0; background-size:45px 45px; vertical-align:middle;}
.ipArea .icon006 + input {margin:0 0 0 14px; vertical-align:middle;}
.ipArea .icon006:after {}

.ipArea.selArea {}
.ipArea.selArea:after {display:block; content:""; clear:both;}
.ipArea.selArea select {width:360px;}
.ipArea.selArea select + select {margin:0 0 0 13px;}
.ipArea.selArea .plus {display:inline-block; width:54px; height:46px; margin:0 0 0 17px; border:0; background:#e5f4fe url(/images/img_sel_p.png)  no-repeat center center; border-radius:12px; vertical-align:middle;}
.keywordArea {float:left; overflow-y:auto; width:740px; height:250px; padding:20px; background:#f9fbfd; border-radius:12px;}
.keywordArea ul li + li {margin:10px 0 0 0;}
.ipArea.selArea input[type=checkbox] {display:none;}
.ipArea.selArea input[type=checkbox] + label {display:inline-block; height:20px; padding:0 0 0 35px; background:url(/images/img_check.png) no-repeat 0 0; background-size:20px; font-size:14px; color:#888; line-height:20px; font-weight:300;}
.ipArea.selArea input[type=checkbox]:checked  + label {background:url(/images/img_check_on.png) no-repeat 0 0; background-size:20px; color:#222; font-weight:normal;}
.ipArea.selArea .minus {float:left; margin:0 0 0 20px; display:inline-block; position:absolute; width:54px; height:46px; margin:0 0 0 17px; border:0; background:#e5f4fe url(/images/img_sel_m.png)  no-repeat center center; border-radius:12px; vertical-align:middle;}
.ipArea .txr {width:100%; height:250px; padding:20px; overflow-y:auto; }

.fileUpArea + .fileUpArea {margin:10px 0 0 0;}
.adFileList .noFile {font-size:16px; color:#888; font-weight:400; }
.m_page.noLoc {margin:60px auto 0;}

.sectWrap {margin:30px 0 0 0;}
.sectWrap .tit {font-size:24px;font-weight:400;color:#222;display:flex;justify-content: space-between;}
.miniHomeMainSlideWrap {margin:23px 0 0 0; overflow:hidden;}
.miniHomeMainSlideWrap ul {width:9999px;}
.miniHomeMainSlideWrap ul:after {display:block; content:""; clear:both;}
.miniHomeMainSlideWrap ul li {float:left; width:356px;}
.miniHomeMainSlideWrap ul li a {display:block;}
.miniHomeMainSlideWrap ul li a img {width:356px; height:316px; border:1px solid #eaeaea; border-radius:12px;}
.miniHomeMainSlideWrap .caNext {top:185px;}
.miniHomeMainSlideWrap .caPrev {top:185px;}
.miniSmImages {margin:20px 0 0 0; text-align:right;}
.miniSmImages a {display:inline-block;}
.miniSmImages a + a {margin:0 0 0 3px;}
.miniSmImages a img {width:74px; height:64px; border:1px solid #eaeaea;}
.miniTextArea {padding:30px 0 27px 0; font-size:16px; color:#222; font-weight:300; line-height:22px; border-bottom:1px solid #ccc;}
.miniListArea {margin:26px 0 0 0; }
.miniListArea ul {}
.miniListArea li {position:relative; padding:0 0 0 12px; font-size:18px; color:#222; font-weight:normal; line-height:22px;}
.miniListArea li + li {margin:10px 0 0 0;}
.miniListArea li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background:#222;}

.miniHomeMainSlideWrap2 {position:relative; margin:23px 0 0 0; padding:50px; border:1px solid #eaeaea; border-radius:12px; overflow:hidden;}
.miniHomeMainSlideWrap2 > div {overflow:hidden;}
.miniHomeMainSlideWrap2 ul {width:9999px;}
.miniHomeMainSlideWrap2 ul:after {display:block; content:""; clear:both;}
.miniHomeMainSlideWrap2 ul li {float:left; width:218px;}
.miniHomeMainSlideWrap2 ul li a {display:block; }
.miniHomeMainSlideWrap2 ul li a > .miniImgWrap {display:block; width:218px; height:204px; overflow:hidden;}
.miniHomeMainSlideWrap2 ul li a img {width:218px; height:204px; border:1px solid #eaeaea; border-radius:12px; box-sizing:border-box;  transform:scale(1.0); transition:all .3s ease;}
.miniHomeMainSlideWrap2 ul li a > .miniText {display:block; margin:12px 0 0 0; font-size:18px; color:#222; font-weight:400; line-height:20px;}
.miniHomeMainSlideWrap2 ul li a:hover img {transform:scale(1.2);}
.miniHomeMainSlideWrap2 ul li a:hover > .miniText {text-decoration:underline;}
.miniHomeMainSlideWrap2 .mainSubVisNext {right:29px; top:135px;}
.miniHomeMainSlideWrap2 .mainSubVisPrev {left:29px; top:135px;}

.imgListArea {}
.imgListArea a {display:inline-block; width:220px; height:206px; margin:0 28px 0 0; vertical-align:top; overflow:hidden;}
.imgListArea a img {width:220px; height:206px; border-radius:12px; border:1px solid #eaeaea; box-sizing:border-box;}
.imgListArea a.noIm {background:#eaf1f7; border-radius:12px; border:1px solid #eaf1f7;}
.tblData td.noPad {padding:0;}
.noPadList li {height:60px;}
.noPadList li + li {border-top:1px solid #eee;}
.noPadList li:after {display:block; content:""; clear:both;}
.noPadList li strong {display:block; float:left; width:205px; padding:0 0 0 20px; font-size:16px; color:#555; font-weight:400; line-height:60px; box-sizing:border-box;}
.noPadList li .barG {float:left; width:500px; margin:0 0 0 20px; line-height:60px; vertical-align:middle; font-size:16px; color:#188eb5; font-weight:normal;}
.noPadList li .barG > span {display:inline-block; height:20px; margin:20px 20px 20px 0; background:#188eb5; border-radius:10px; vertical-align:middle;}
.tblDataArea .anchorList.tab {margin:20px 0 0 0; border-top:1px solid #eee;}
.tblDataArea .anchorList.tab + .tblData {margin:30px 0 0 0;}
.miniAddImgArea {margin:30px 0 0 0;}
.miniAddImgArea:after {display:block; content:""; clear:both;}
.miniAddImgArea > a {display:block; float:left; overflow:hidden; width:348px; height:300px; margin:0 0 0 35px; border:1px solid #eaeaea; border-radius:12px;}
.miniAddImgArea > a > img {width:348px; height:300px;}
.miniAddImgArea > a:first-child {margin:0;}
.miniAddImgArea > a.noImgA {background:#eaf1f7; border:1px solid #eaf1f7;}
.leftImgArea {position:relative;}
.leftImgArea > a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:250px; height:300px; border:1px solid #eaeaea; border-radius:12px;}
.leftImgArea > a.noIm {background:#eaf1f7; border:1px solid #eaf1f7;}
.leftImgArea > a > img {width:250px; height:300px;}
.leftImgArea > .tblData {padding:0 0 0 280px;}
.leftImgArea > .tblData th {height:60px;}
.leftImgArea > .tblData td {height:60px;}
.tblData .link {font-size:16px; color:#188eb5; font-weight:normal; line-height:26px;}
.tit + .tblData {margin:20px 0 0 0;}
.m_content .aArea > .msgArea .msgTArea {width:740px;}
.btnArea.spec {margin:30px auto 0;}
.btnArea .ca.phone {width:235px; height:60px; padding:0 0 0 66px; background:#e8f5f9 url(/images/img_ico_p.png) no-repeat 40px 22px; text-align:left;}
.btnArea .ne.mail {width:235px; height:60px; padding:0 0 0 70px; background:#188eb5 url(/images/img_ico_m.png) no-repeat 40px 22px; text-align:left; transition:all .3s ease;}
.btnArea .ne.mail:hover {background:#11637e url(/images/img_ico_m.png) no-repeat 40px 22px;}
.btnArea .ne.mail.on {background:#11637e url(/images/img_ico_m.png) no-repeat 40px 22px;}

.prdDetailImgArea {float:left; width:475px; margin:35px 0 0 0;}
.prdDetailImgArea .prdDetImg {text-align:center;}
.prdDetailImgArea .prdDetImg img {max-width:475px; max-height:400px; border:1px solid #f1f5f7; border-radius:12px; box-sizing:border-box;}
.prdDetailImgArea .prdDetZoom {margin:18px 0 0 0; text-align:center;}
.prdDetailImgArea .prdDetZoom a {display:inline-block; padding:0 0 0 30px; background:url(/images/img_zoom.png) no-repeat 0 0; font-size:16px; color:#555; font-weight:300; }
.prdDetailImgArea .prdDetList {margin:19px 0 0 0;}
.prdDetailImgArea .prdDetList:after {display:block; content:""; clear:both;}
.prdDetailImgArea .prdDetList a {display:block; float:left; width:73px; height:66px; }
.prdDetailImgArea .prdDetList a + a {margin:0 0 0 5px;}
.prdDetailImgArea .prdDetList a img {width:73px; height:66px; border:1px solid #f1f5f7; box-sizing:border-box;}

.prdDetShare {position:relative; margin:18px 0 0 0;  text-align:center;}
.prdDetS {display:inline-block; height:21px; margin:0 16px 0 0; padding:0 16px 0 30px; background:url(/images/img_det_s.png) no-repeat 0 0; font-size:16px; color:#222; font-weight:300;  vertical-align:middle;}
.prdDetI {display:inline-block; position:relative; height:20px; padding:0 0 0 30px; background:url(/images/img_zzimed.png) no-repeat 0 0; font-size:16px; color:#222; font-weight:300; vertical-align:middle;}
.prdDetI:after {display:block; content:""; position:absolute; left:-20px; top:5px; width:1px; height:12px; background:#ccc;}
.prdDetI.on {background:url(/images/img_zzim.png) no-repeat 0 0;}
.contentsIn:after {display:block; content:""; clear:both;}
.prdDetailTextArea {float:left; width:604px; margin:35px 0 0 37px;}
.textAreaTitle {font-size:20px; color:#222; font-weight:normal; line-height:26px; word-break:keep-all;}
.prArea {margin:8px 0 0 0;}
.prArea strong {font-size:26px; color:#222; font-weight:bold;}
.prArea .carton {font-size:18px; color:#888; font-weight:300;}
.prArea .carton2 {display:inline-block; position:relative; margin:0 0 0 6px; padding:0 0 0 13px; font-size:14px; color:#888; font-weight:300;}
.prArea .carton2:after {display:block; content:""; position:absolute; left:0; top:5px; width:1px; height:10px; background:#ccc;}
.prList {margin:21px 0 0 0; border-top:1px solid #ccc;}
.prList ul {margin:28px 0 0 0;}
.prList li {}
.prList li + li {margin:17px 0 0 0;}
.prList li:after {display:block; content:""; clear:both;}
.prList li > span {display:block; float:left; width:170px; font-size:16px; color:#555; font-weight:300; line-height:22px;}
.prList li > div {float:right; width:430px; font-size:16px; color:#222; font-weight:normal; line-height:22px;}
.vrM > span {display:inline-block; margin:0 9px 0 0; }
.vrM > span img {vertical-align:middle;}
.prdDetailTextArea .btnArea {text-align:center;}
.prdDetailTextArea .btnArea .ne {display:inline-block; margin:40px 0 0 0; width:287px; height:60px; background:#188eb5; font-size:16px; color:#fff; line-height:60px; font-weight:normal; border-radius:12px; transition:all .3s ease;}
.prdDetailTextArea .btnArea .ne:hover {background:#11637e;}
.prdDetailTextArea .btnArea .ne.on {background:#11637e;}

.compInfoRightArea {position:absolute; right:0; top:35px; width:327px; }
.compInfoRightAreaIn {padding:23px 30px 30px 30px; border:1px solid #ddd; border-radius:12px;}
.compInfoRightAreaIn > strong {font-size:18px; color:#222; font-weight:500; line-height:24px;}
.compInfoRightAreaList {margin:17px 0 0 0;}
.compInfoRightAreaList li {margin:15px 0 0 0;}
.compInfoRightAreaList li + li {margin:13px 0 0 0;}
.compInfoRightAreaList li + li + li {margin:15px 0 0 0;}
.compInfoRightAreaList li:last-child {margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #ddd;}
.compInfoRightAreaList li > span {display:inline-block; font-size:16px; color:#555; font-weight:300;}
.compInfoRightAreaList li > strong {display:inline-block; margin:0 0 0 17px; font-size:16px; color:#222; font-weight:500;}
.compInfoRightAreaList li > strong > img {margin:0 7px 0 0;}
.compInfoRightAreaList li > .ancIconArea {display:inline-block;  margin:0 0 0 17px; font-size:16px; color:#222; font-weight:500; vertical-align:-7px;}
.compInfoRightArea > .btnArea {margin:20px 0 0 0;}
.compInfoRightArea > .btnArea .ca {display:block; width:100%;  height:46px; padding:0 0 0 153px; background:#e8f5f9 url(/images/img_icn_mini.png) no-repeat 125px 12px; line-height:46px;}

.prdDetailWrap:after {display:block; content:""; clear:both;}

.anchorListWrap {width:1116px; margin:60px 0 0 0;}
.anchorListWrap .anchorList {}
.anchorListWrap .anchorList li {position:relative; z-index:5; width:auto; margin:0 0 0 -1px; border:1px solid #eee; border-bottom:0; border-top-left-radius:12px; border-top-right-radius:12px;}
.anchorListWrap .anchorList li:first-child {margin:0;}
.anchorListWrap .anchorList li.on {z-index:10; border:1px solid #ccc; border-bottom:0;}
.anchorListWrap .anchorList li:hover {z-index:10; border:1px solid #ccc; border-bottom:0;}
.anchorListWrap .anchorList li a {padding:0 30px; color:#aaa; border-bottom:1px solid #ccc;}
.anchorListWrap .anchorList li.on a {color:#555; border-bottom:1px solid #fff;}
.anchorListWrap .anchorList li:hover a {color:#555; border-bottom:1px solid #fff;}
.prdTitleArea {width:1116px; margin:-1px 0 0 0; padding:31px 0 0 0; border-top:1px solid #ccc;}
.prdTitleArea > strong {display:block; padding:0 0 10px 0; font-size:24px; color:#555; font-weight:normal; }
.prdTitleArea .tblDataArea {border-top:1px solid #ccc;}
.prdTitleArea .tblDataArea .tblDataTitleArea > strong {font-size:20px; color:#555; font-weight:normal;}

.prdTitleArea .tblDataPhraseArea {margin:15px 0 0 0;}
.prdTitleArea .tblDataPhraseArea:after {display:block; content:""; clear:both;}
.prdTitleArea .tblDataPhraseArea > span {display:block; position:static; float:left; width:127px;}
.prdTitleArea .tblDataPhraseArea > div {float:left; width:930px; margin:0 0 0 50px;}
.prdTitleArea .tblDataPhraseArea > div > span {display:block; position:static; }
.prdTitleArea .tblDataPhraseArea .tblList {overflow:hidden; border:1px solid #e7e8e9; border-radius:6px;}
.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th {background:#fff;}
.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th:first-child {overflow:hidden; border-top-left-radius:6px;}
.prdTitleArea .tblDataPhraseArea .tblList tr:first-child th:last-child {overflow:hidden; border-top-right-radius:6px;}
.prdTitleArea .tblDataPhraseArea .tblList th {font-size:16px; color:#888; font-weight:normal; border-right:1px solid #e7e8e9; border-bottom:1px solid #e7e8e9;}
.prdTitleArea .tblDataPhraseArea .tblList td {font-size:16px; color:#555; font-weight:normal; border-right:1px solid #e7e8e9; border-bottom:0;}
.prdTitleArea .tblDataPhraseArea .tblList tr th:first-child {border-left:0;}
.prdTitleArea .tblDataPhraseArea .tblList tr td:first-child {border-left:0;}
.prdTitleArea .tblDataPhraseArea .tblList tr th:last-child {border-right:0;}
.prdTitleArea .tblDataPhraseArea .tblList tr td:last-child {border-right:0;}

.edtArea {width:1116px; margin:40px 0 0 0;}
.sectWrap.prdDet {width:1116px;}

.prdTitleArea.prdTitleArea2 {position:relative;}
.prdTitleArea.prdTitleArea2 > .sectWrap {margin:0;}
.prdTitleArea.prdTitleArea2 > .sectWrap.prdDet {margin:30px 0 0 0;}
.prdTitleArea.prdTitleArea2 > .tblDataArea {border:0;}
.prdTitleArea.prdTitleArea2 .aArea > .msgArea .msgTArea {width:calc(100% - 248px);}
.prdTitleArea.prdTitleArea2 .caNext.caNext1 {top:130px;}
.prdTitleArea.prdTitleArea2 .caPrev.caPrev1 {top:130px;}
.miniHomeWrap {position:relative;}
.viewM {display:none;}

.allCate .anchorList {}
.allCate .anchorList li {width:50%;}
.allCateList {}
.allCateList > ul {margin:34px 0 0 0;}
.allCateList > ul + ul {margin:64px 0 0 0;}
.allCateList > ul:after {display:block; content:""; clear:both;}
.allCateList > ul > li {float:left; width:25%;}
.allCateList > ul > li > strong {font-size:20px; color:#222; font-weight:500; line-height:30px;}
.allCateList > ul > li > ul {}
.allCateList > ul > li > ul > li {}
.allCateList > ul > li > ul > li:first-child {margin:18px 0 0 0;}
.allCateList > ul > li > ul > li > a {font-size:18px; color:#888; font-weight:300; line-height:32px;}
.allCateList > ul > li > ul > li > a.btnViewMore {display:block; padding:0 0 0 20px; font-size:16px; color:#188eb5; font-weight:300;}
.allCateList > ul > li > ul > li > a.btnViewMore .rot {display:inline-block; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.allCateList > ul > li > ul > li > a.btnViewMore .rot.on {display:inline-block; -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.allCateList > ul > li > ul > li > a.btnViewMore:hover, .allCateList > ul > li > ul > li > a.btnViewMore.on {color:#188eb5;}
.allCateList > ul > li > ul > li > a:hover, .allCateList > ul > li > ul > li > a.on {color:#222; font-weight:400; text-decoration:underline;}
.allCateList > ul > li > ul > li > ul {display:none; padding:0 0 0 20px;}
.allCateList > ul > li > ul > li > ul > li {}
.allCateList > ul > li > ul > li > ul > li > a {position:relative; font-size:18px; color:#888; font-weight:300; line-height:32px;}
.allCateList > ul > li > ul > li > ul > li > a:hover, .allCateList > ul > li > ul > li > ul > li > div > a.on {color:#222; font-weight:normal; text-decoration:underline;}
.allCateList > ul > li > ul > li > ul > li > div {display:inline-block; position:relative;}
.allCateList > ul > li > ul > li > ul > li > div > a {font-size:18px; color:#888; font-weight:300; line-height:32px;}
.allCateList > ul > li > ul > li > ul > li > div > a:hover, .allCateList > ul > li > ul > li > ul > li > div > a.on {color:#222; font-weight:normal; text-decoration:underline;}
.allCateList > ul > li > ul > li > ul > li > div > div {display:none; position:absolute; left:calc(100% + 50px); top:0; z-index:10; }
.allCateList > ul > li > ul > li > ul > li > div > div > div {position:relative; padding:0; background:#fff url(/images/bg_line_t.png) repeat-x 100% -30px; border-radius:12px;}
.allCateList > ul > li > ul > li > ul > li > div > div > div:before {display:block; content:""; position:absolute; left:-30px; bottom:-41px; width:30px; height:41px; background:url(/images/bg_rad_l_b.png) no-repeat 0 0;}
.allCateList > ul > li > ul > li > ul > li > div > div > div:after {display:block; content:""; position:absolute; right:-30px; bottom:-41px; width:30px; height:41px; background:url(/images/bg_rad_r_b.png) no-repeat 0 0;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div {position:relative;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div:before {display:block; content:""; position:absolute; left:-30px; top:-21px; width:30px; height:21px; background:url(/images/bg_rad_l_t.png) no-repeat 0 0;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div:after {display:block; content:""; position:absolute; right:-30px; top:-21px; width:30px; height:21px; background:url(/images/bg_rad_r_t.png) no-repeat 0 0;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div {position:relative; }
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div:before {display:block; content:""; position:absolute; left:0; top:-21px; width:100%; height:21px; background:url(/images/bg_line_t.png) repeat-x;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div:after {display:block; content:""; position:absolute; left:0; bottom:-41px; width:100%; height:41px; background:url(/images/bg_line_b.png) repeat-x;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div {position:relative; }
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div:before {}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div:after {display:block; content:""; position:absolute; right:-30px; top:0; width:30px; height:100%; background:url(/images/bg_line_r.png) repeat-y;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul {position:relative; width:200px; background:#fff;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul:after {display:block; content:""; position:absolute; left:-49px; top:0; z-index:15; width:30px; height:72px; background:#fff url(/images/img_cate_arr_left5.png) no-repeat 0 0;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul:before {display:block; content:""; position:absolute; left:-30px; top:0; width:31px; height:100%; background:url(/images/bg_line_l.png) repeat-y;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul > li > a {font-size:16px; color:#888; font-weight:300; line-height:28px;}
.allCateList > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul > li > a:hover, .allCateList > ul > li > ul > li > ul > li > ul > li > a.on {color:#222; font-weight:300; text-decoration:underline;}

.lyContents.imgAr {width:900px; max-width:900px; padding:80px 0 60px;}
.lyContents.imgAr .imgArWrap {position:relative; width:100%; height:560px; }
.lyContents.imgAr .imgArWrap .targetAr {width:600px; margin:10px auto 0; overflow:hidden;}
.lyContents.imgAr .imgArWrap .targetAr:after {display:block; content:""; clear:both;}
.lyContents.imgAr .imgArWrap .targetAr .devTarget {width:9999px; transition:margin .3s ease;}
.lyContents.imgAr .imgArWrap .targetAr img {float:left; width:600px; height:560px; border:1px solid #eaeaea; border-radius:12px; box-sizing:border-box;}
.lyContents.imgAr > strong {margin:0 0 0 60px; font-size:24px; color:#222; font-weight:normal;}

.lyContents.imgAr .imgArWrap .goNext {display:block; position:absolute; right:60px; top:259px; width:42px; height:42px; background:url(/images/img_sub_arr_right.png) no-repeat 0 0;}
.lyContents.imgAr .imgArWrap .goPrev {display:block; position:absolute; left:60px; top:259px; width:42px; height:42px; background:url(/images/img_sub_arr_left.png) no-repeat 0 0;}
.lyContents.imgAr .imgArWrap .goNext:hover {background:url(/images/img_sub_arr_right_on.png) no-repeat 0 0;}
.lyContents.imgAr .imgArWrap .goPrev:hover {background:url(/images/img_sub_arr_left_on.png) no-repeat 0 0;}

.lyContents.imgAr .imgArSmWrap {position:relative; width:100%; height:88px; margin:30px 0 50px 0; padding:40px 0 0 0; border-top:1px solid #eee;}
.lyContents.imgAr .imgArSmWrap .targetArSm {width:600px; margin:10px auto 0;  overflow:hidden;}
.lyContents.imgAr .imgArSmWrap .targetArSm:after {display:block; content:""; clear:both;}
.lyContents.imgAr .imgArSmWrap .targetArSm .devTargetSm {width:9999px; transition:margin .3s ease;}
.lyContents.imgAr .imgArSmWrap .targetArSm span {display:block; position:relative; float:left; width:100px; height:88px;}
.lyContents.imgAr .imgArSmWrap .targetArSm span img {width:100px; height:88px; border:1px solid #eaeaea; border-radius:12px; box-sizing:border-box;}
.lyContents.imgAr .imgArSmWrap .targetArSm span.on {}
.lyContents.imgAr .imgArSmWrap .targetArSm span.on:after {display:block; content:""; position:absolute; left:0; top:0; z-index:10; width:92px; height:80px; border:4px solid #66bdf9;}
.lyContents.imgAr .imgArSmWrap .targetArSm span:hover {}
.lyContents.imgAr .imgArSmWrap .targetArSm span:hover:after {display:block; content:""; position:absolute; left:0; top:0; z-index:10; width:92px; height:80px; border:4px solid #66bdf9;}
.lyContents.imgAr .imgArSmWrap .targetArSm span + span {margin:0 0 0 10px;}
.lyContents.imgAr > strong {margin:0 0 0 60px; font-size:24px; color:#222; font-weight:normal;}
.goNextSm {display:block; position:absolute; right:60px; top:63px; width:42px; height:42px; background:url(/images/img_sub_arr_right.png) no-repeat 0 0;}
.goPrevSm {display:block; position:absolute; left:60px; top:63px; width:42px; height:42px; background:url(/images/img_sub_arr_left.png) no-repeat 0 0;}
.goNextSm:hover {background:url(/images/img_sub_arr_right_on.png) no-repeat 0 0;}
.goPrevSm:hover {background:url(/images/img_sub_arr_left_on.png) no-repeat 0 0;}

.searchMethod {height:46px; text-align:left;}
.searchMethod:after {display:block; content:""; clear:both;}
.searchMethod .ipListTitle {float:left; margin:0 25px 0 0; font-size:16px; line-height:46px; color:#888; font-weight:normal;}
.searchMethod .ipMethod {float:left; width:450px;}
.searchMethod .ipMethod:after {display:block; content:""; clear:both;}
.searchMethod .ipMethod li {display:block; position:relative; z-index:5; float:left; width:91px; height:46px; margin:0 0 0 -1px; background:#fff; text-align:center; border:1px solid #eee; }
.searchMethod .ipMethod li:first-child {width:90px; border-top-left-radius:12px; border-bottom-left-radius:12px;}
.searchMethod .ipMethod li:last-child {border-top-right-radius:12px; border-bottom-right-radius:12px;}
.searchMethod .ipMethod li.on {z-index:10; background:#1b9ec9; border:1px solid #1b9ec9;}
.searchMethod .ipMethod li:hover {z-index:10; background:#1b9ec9; border:1px solid #1b9ec9;}
.searchMethod .ipMethod li a {display:block; height:46px; box-sizing:border-box; font-size:14px; color:#888; line-height:48px; font-weight:normal; }
.searchMethod .ipMethod li.on a {color:#fff;}
.searchMethod .ipMethod li:hover a {color:#fff;}
.searchMethod .pickerArea {margin:0 0 0 22px;}
.searchMethod .fileUpArea {float:left; width:130px; margin:0 0 0 16px;}
.searchMethod .ipArea {float:left;}
.searchMethod + .searchMethod {margin:20px 0 0 0;}

.rankArea {position:relative; margin:32px 0 0 0;}
.rankAreaLeft {width:860px;}
.rankAreaRight {position:absolute; right:0; top:0; width:220px; box-sizing:border-box; border:1px solid #f2f3f4; border-radius:12px;}
.rankTop {padding:20px; background:#f6f9fa;}
.rankTop:after {display:block; content:""; clear:both;}
.rankTop span {float:left; font-size:14px; color:#222; font-weight:normal;}
.rankTop > div {float:right;}
.rankTop a {position:relative; font-size:14px; color:#aaa; font-weight:normal;}
.rankTop a.on {color:#188eb5; font-weight:500;}
.rankTop a + a {margin:0 0 0 4px; padding:0 0 0 9px; }
.rankTop a:last-child:after {display:block; content:""; position:absolute; left:0; top:4px; width:1px; height:10px; background:#ddd;}
.rankBottom {padding:19px 20px 20px 20px;}
.rankBottom ul {}
.rankBottom li {margin:13px 0 0 0;}
.rankBottom li:first-child {margin:0;}
.rankBottom li span {display:inline-block; width:26px; height:24px; background:#1b9ec9; font-size:14px; color:#fff; font-weight:500; line-height:24px; text-align:center; vertical-align:middle; border-radius:6px;}
.rankBottom li a {display:inline-block; width:127px; margin:0 0 0 13px; font-size:16px; color:#555; font-weight:400; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}

.rankListItemType01TextArea .rankLoc {margin:21px 0 0 0; font-size:16px; color:#1b9ec9; font-weight:300; line-height:24px;}
.rankLoc > a {display:inline-block; position:relative; padding:0 5px 0 6px; font-size:16px; color:#1b9ec9; font-weight:300; line-height:24px;}
.rankLoc > a:first-child {padding:0 5px 0 0;}
.rankLoc > a:first-child:after {display:none;}

.rankAreaLeft .listtopInfo {margin:0 0 21px 0;}
.rankListItemType01 {}
.rankListItemType01 li {margin:40px 0 0 0;}
.rankListItemType01 li:after {display:block; content:""; clear:both;}
.rankListItemType01 li:first-child {margin:0;}
.rankListItemType01ImgArea {float:left; width:285px; height:195px; overflow:hidden;  border:1px solid #eee; border-radius:12px;}
.rankListItemType01ImgArea img {width:285px; height:195px; transition:all .3s ease; transform:scale(1);}
.rankListItemType01ImgArea img:hover {transform:scale(1.2);}
.rankListItemType01TextArea {float:right; width:544px;}
.rankListItemType01TextArea > strong > a {display:block; font-size:18px; color:#555; line-height:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rankListItemType01TextArea > strong > a:hover {text-decoration:underline;}
.rankListItemType01TextArea > strong > a > span {color:#1b9ec9;}
.rankListItemType01TextArea > span {display:block; margin:8px 0 0 0; font-size:14px; color:#aaa; font-weight:normal; line-height:26px;}
.rankListItemType01TextArea > a {display:block; font-size:16px; color:#888; font-weight:normal; line-height:24px;}
.rankListItemType01TextArea > a:hover {text-decoration:underline;}
.rankListItemType01TextArea > a > span {color:#1b9ec9;}

.rankListItem {position:relative; padding:0 0 72px 0; border-bottom:1px solid #eee;}
.resLink {position:absolute; right:0; bottom:20px; height:24px; font-size:16px; color:#aaa; font-weight:normal; line-height:24px; border-bottom:1px solid #fff;}
.resLink > span {display:block; height:24px; font-size:16px; color:#aaa; font-weight:normal; line-height:24px; border-bottom:1px solid #fff;}
.resLink:hover {position:absolute; right:0; bottom:20px; height:24px; font-size:16px; color:#555; font-weight:normal; line-height:24px; border-bottom:1px solid #d4d4d4;}
.resLink:hover > span {display:block; height:24px; font-size:16px; color:#555; font-weight:normal; line-height:24px; border-bottom:1px solid #aaa;}
.rankListItem + .listtopInfo {margin:32px 0 21px 0;}

.rankListItemType01.rankListItemType02 {}
.rankListItemType01.rankListItemType02 .rankListItemType01ImgArea {position:relative; width:205px; height:115px; overflow:hidden;}
.rankListItemType01.rankListItemType02 .rankListItemType01ImgArea img {position:absolute; left:50%; top:50%; max-width:203px; max-height:117px; width:auto; height:auto; transform:translate(-50%, -50%);}
.rankListItemType01.rankListItemType02 .rankListItemType01TextArea {width:628px;}
.rankListItemType01.rankListItemType02 .rankListItemType01TextArea > strong {display:block; width:100%;}
.rankListItemType01.rankListItemType02 .rankListItemType01TextArea > a {margin:20px 0 0 0;}

.rankListItemType01.rankListItemType03 {}
.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea {position:relative; width:390px; height:130px; overflow:hidden; transition:all .3s ease; transform:scale(1);}
.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea img {width:390px; height:130px; transition:all .3s ease; transform:scale(1); }
.rankListItemType01.rankListItemType03 .rankListItemType01ImgArea img:hover { transform:scale(1.2); }
.rankListItemType01.rankListItemType03 .rankListItemType01TextArea {width:442px;}
.rankListItemType01.rankListItemType03 .rankListItemType01TextArea > strong {display:block; width:100%;}
.rankListItemType01.rankListItemType03 .rankListItemType01TextArea > a {margin:20px 0 0 0;}

.rankListItemType01.rankListItemType04 {}
.rankListItemType01.rankListItemType04 li {}
.rankListItemType01.rankListItemType04 li:after {display:block; content:""; clear:both;}
.rankListItemType01.rankListItemType04 li > a {display:inline-block; float:left; font-size:18px; color:#555; font-weight:normal; line-height:22px;}
.rankListItemType01.rankListItemType04 li > a:last-child {color:#1b9ec9;}
.rankListItemType01.rankListItemType04 li:hover > a { text-decoration:underline;}
.rankListItemType01.rankListItemType04 li + li {margin:13px 0 0 0;}

.boxRes {margin:15px 0 0; padding:28px 30px 24px; background:#f9fbfd; font-size:20px; color:#888; font-weight:normal; line-height:26px; border-radius:12px;}
.boxRes > span {color:#1b9ec9;}
.boxRes + .interests_top {margin:40px 0 0 0;}

.ipArea .addPhrase {display:inline-block; margin:0;}

.aboutSect {margin:12px 0 0 0;}
.aboutSect p {font-size:16px; color:#222; font-weight:300; line-height:22px;}
.aboutSect p + p {margin:10px 0 0 0; }
.aboutImgSection {margin:55px 0 0 0; padding:68px 0 80px; background:#f6f9fa; text-align:center; border-radius:24px}
.aboutImgSection strong {font-size:32px; color:#222; font-weight:500;}
.aboutImgSection p {margin:10px 0 0 0; font-size:18px; color:#888; font-weight:normal; line-height:22px;}
.aboutImgSection ul {margin:60px 0 0 0;}
.aboutImgSection ul:after {display:block; content:""; clear:both;}
.aboutImgSection li {float:left; width:calc(100% / 3); padding:230px 0 0 0; font-size:22px; color:#222; font-weight:normal; line-height:28px;}
.aboutImgSection li.about01 {background:url(/images/img_about01.png) no-repeat center 0;}
.aboutImgSection li.about02 {background:url(/images/img_about02.png) no-repeat center 0;}
.aboutImgSection li.about03 {background:url(/images/img_about03.png) no-repeat center 0;}

.serviceImgSection {position:relative; height:880px; margin:47px 0 0 0; background:url(/images/img_mainservice.png) no-repeat center center;}
.serviceImgSection li {width:326px; overflow:hidden; background:#fff; border-radius:24px; -webkit-box-shadow: 1px 5px 10px 5px rgba(234,234,234,0.6); box-shadow: 1px 5px 10px 5px rgba(234,234,234,0.6);}
.serviceImgSection li strong {display:block; padding:25px 30px 14px 30px; background:#eff4f9; font-size:24px; color:#555; font-weight:normal; line-height:28px;}
.serviceImgSection li p {display:block; padding:16px 30px 27px 30px; font-size:16px; color:#222; font-weight:normal; line-height:22px;}
.serviceImgSection li.servList01 {position:absolute; left:395px; top:0; }
.serviceImgSection li.servList02 {position:absolute; left:787px; top:150px; }
.serviceImgSection li.servList03 {position:absolute; left:787px; top:458px; }
.serviceImgSection li.servList04 {position:absolute; left:395px; top:670px; }
.serviceImgSection li.servList05 {position:absolute; left:0; top:458px; }
.serviceImgSection li.servList06 {position:absolute; left:0; top:150px; }

.m_content > .tit.report {display:block;}
.exDown {display:inline-block; margin:0 0 0 16px; padding:0 0 0 34px; background:url(/images/img_ex02.png) no-repeat 0 0;}
.exDown > span {font-size:14px; color:#888; font-weight:400; line-height:26px;}
.exDown:hover > span {border-bottom:1px solid #888;}
.reportSect {margin:15px 0 0 0; padding:30px 30px 30px 30px; background:#f9fbfd; border-radius:12px;}
.reportHeadSection {}
.reportHeadSection:after {display:block; content:""; clear:both;}
.reportHeadSection > strong {display:block; float:left; margin:17px 0 0 0; font-size:18px; color:#222; font-weight:400;}
.reportHeadSection > strong + .reportLev {float:right;}
.reportLev > div {display:block; position:relative; float:left; width:220px; height:58px; margin:0 0 0 36px; padding:20px 30px; background:#fff; border-radius:12px;}
.reportLev > div:first-child {margin:0;}
.reportLev > div > span {display:inline-block; font-size:14px; color:#aaa; font-weight:400;}
.reportLev > div > strong {display:inline-block; position:absolute; right:30px; top:12px; font-size:22px; color:#222; font-weight:500;}
.reportLev > div > strong > span {margin:0 0 0 10px; font-size:14px; color:#222; font-weight:400;}
.reportLev > div.hasMark > span {display:inline-block; position:absolute; left:30px; top:7px; width:42px; height:49px; background:url(/images/img_ba01.png) no-repeat 0 0;}
.reportLev > div > strong > span.reportTot {font-size:12px; color:#aaa; font-weight:400;}

.reportMainSection {margin:30px 0 0 0; padding:30px; background:#fff; border-radius:12px;}
.reportMainSectionTitle {}
.reportMainSectionTitle:after {display:block; content:""; clear:both;}
.reportMainSectionTot {position:relative; float:left; width:142px; margin:7px 0 0 0; text-align:right;}
.reportMainSectionTot > span {position:absolute; left:0; top:10px; font-size:14px; color:#aaa; font-weight:400;}
.reportMainSectionTot > strong {font-size:22px; color:#222; font-weight:500;}
.reportMainSectionTot > strong > span {font-size:14px; color:#222; font-weight:400;}
.reportMainSectionDate {float:right;}
.reportMainSectionDate > .ipArea {float:left;}
.reportMainSectionDate > .ipArea > input {background:#f7f9fa;}
.reportMainSectionDate > span {float:left; margin:0 10px; line-height:44px; vertical-align:top;}
.repFind {display:block; float:left; width:68px; height:46px; margin:0 0 0 12px; background:#555; font-size:16px; color:#fff; font-weight:400; line-height:46px; border-radius:12px; text-align:center;}
.exDown1 {display:block; float:left; width:46px; height:46px; margin:0 0 0 12px; background:#fff url(/images/img_ex01.png) no-repeat 0 2px; border:1px solid #ddd; border-radius:12px;}
.reportMainSectionGr {margin:30px 0 0 0 ; padding:24px 0 0 0; border-top:1px solid #eee;}
.reportMainSectionGr:after {display:block; content:""; clear:both;}
.reportMainSectionGr > div {float:left; width:calc(50% - 25px);}
.reportMainSectionGr > div + div {float:right;}
.reportMainSectionGr > div > strong {font-size:14px; color:#222; font-weight:400;}
.reportMainSectionGr .tblData {margin:20px 0 0 0;}
.reportMainSectionGr table th > span {display:block; width:85px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.reportMainSectionGr table td {padding:20px;}
.reportMainSectionGr table td > div > span {float:left; width:64px; font-size:14px; color:#555; font-weight:400; line-height:20px;}
.reportMainSectionGr table td .grBar {float:left; width:222px; height:20px; }
.reportMainSectionGr table td .grBar > div {height:20px;}

.reportSect .viewBtnArea {margin:30px auto 10px;}
.reportSect .viewBtnArea > button {width:200px; height:48px; font-size:16px; color:#555; font-weight:normal; line-height:48px;}
.reportMainSectionGr .tblLine2 th > span {white-space:pre-line; text-overflow:clip; overflow:visible;}
.reportMainSectionGr .tblLine2 th > span:hover {color:#222; text-decoration:underline; font-weight:400; cursor:pointer;}
.reportSect + .reportSect {margin:50px 0 0 0;}
.reportMainSectionGr .tblLine2 th > span.ellipsisR {display:-webkit-box;text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.reportWrap {float:right; background:#fff; border-radius:12px; overflow:hidden;}
.reportLevTitle {text-align:left;}
.reportWrap .reportLevTitle > strong {position:static; font-size:16px; color:#222; font-weight:500;}
.reportWrap .reportLev + .reportLev > div {border-top:1px solid #eee; border-radius:0;}
.reportWrap .reportLev > div:first-child {margin:0 0 0 30px; padding:20px 30px 20px 0;}
.reportWrap .reportLev > div:last-child {margin:0 30px 0 0; padding:20px 0 20px 30px;}
.reportWrap .reportLev > div:last-child > strong {right:0;}
.reportWrap .reportLev > div:first-child + div {margin:0;}
.sortIcon {display:inline-block; width:11px; height:9px; margin:0 0 0 9px; background:url(/images/img_sort_off.png) no-repeat 0 0; }
.sortIcon.on {background:url(/images/img_sort_on.png) no-repeat 0 0; }

.tblCenter thead tr th {text-align:center;}
.tblCenter tbody tr td {text-align:center;}

.reportSect.reFavor .reportHeadSection > strong {margin:0;}
.reportMainSectionGr .full {width:100%;}
.reportMainSectionGr .full thead th {padding:0;}
.reportMainSectionGr .full tbody th {text-align:center;}
.reportMainSectionGr .full tbody td a {display:block; width:528px; font-size:16px; color:#222; font-weight:normal; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.reportMainSectionGr .full tbody td a:hover {font-weight:500; text-decoration:underline;}
.reportMainSectionGr .full .lastBuy tbody td a {width:121px;}
.reportMainSectionGr .full .lastBuy tbody td span.textOvr {display:block; width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.goTop {display:block; position:fixed; right:50%; bottom:30px; width:59px; height:59px; margin-right:-720px; background:url(/images/gotop.png) no-repeat 0 0;}

.lyContents .lyCont {margin:21px 0 0 0;}
.lyContents .lyBox {padding:18px 20px 16px; background:#f6f9fa; font-size:14px; color:#888; font-weight:300; line-height:20px; border-radius:12px;}
.lyContents .lySubCont {margin:24px  0 0 0;}
.lyContents .lySubCont > strong {font-size:16px; color:#222; font-weight:normal; line-height:36px;}
.lyContents .lySubCont > ul {margin:9px 0 0 0; padding:16px 0 0 0; border-top:1px solid #eee;}
.lyContents .lySubCont > ul > li {position:relative; margin:12px 0 0 0; padding:0 0 0 13px;}
.lyContents .lySubCont > ul > li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background:#222;}
.lyContents .lySubCont > ul > li > strong {display:block; font-size:16px; color:#222; font-weight:500;}
.lyContents .lySubCont > ul > li > span {display:block; margin:2px 0 0 0; font-size:16px; color:#888; font-weight:normal;}
.lyContents .lySubCont > ol {margin:9px 0 0 0; padding:16px 0 0 0; border-top:1px solid #eee;}
.lyContents .lySubCont > ol > li {position:relative; padding:0 0 0 30px; font-size:16px; color:#555; font-weight:400; line-height:36px;}
.lyContents .lySubCont > ol > li > span {position:absolute; left:0; top:0; font-size:16px; color:#888; font-weight:500;  line-height:36px;}

.prdShareArea {display:none; position:absolute; left:114px; top:37px; padding:11px; background:#fff; border:1px solid #eee; border-radius:12px;}
.prdShareArea:before {display:block; content:""; position:absolute; left:15px; top:-13px; width:13px; height:14px; background:url(/images/img_prd_s_top.png) no-repeat 0 0;}
.prdShareArea:after {display:block; content:""; clear:both;}
.prdShareArea > a {margin:0 0 0 8px;}
.prdShareArea > a:first-child {margin:0;}
.prdShareArea .s01 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_01.png) no-repeat;}
.prdShareArea .s02 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_02.png) no-repeat;}
.prdShareArea .s03 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_03.png) no-repeat;}
.prdShareArea .s04 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_04.png) no-repeat;}
.prdShareArea .s05 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_05.png) no-repeat;}
.prdShareArea .s06 {display:block; float:left; width:28px; height:28px; background:url(/images/img_prd_s_06.png) no-repeat;}

.typeList .itemLinkArea .prdShareArea {left:-10px;}
.itemLinkArea .prdShareArea {left:-180px;}
.itemLinkArea .prdShareArea:before {display:block; content:""; position:absolute; left:185px; top:-13px; width:13px; height:14px; background:url(/images/img_prd_s_top.png) no-repeat 0 0;}

.gnb > ul > li > ul > li > ul > li > div {display:inline-block; position:relative;}
.gnb > ul > li > ul > li > ul > li > div > div {display:none; position:absolute; left:calc(100% + 50px); top:0; z-index:10; }
.gnb > ul > li > ul > li > ul > li > div > div > div {position:relative; padding:0; background:#fff url(/images/bg_line_t.png) repeat-x 100% -30px; border-radius:12px;}
.gnb > ul > li > ul > li > ul > li > div > div > div:before {display:block; content:""; position:absolute; left:-30px; bottom:-41px; width:30px; height:41px; background:url(/images/bg_rad_l_b.png) no-repeat 0 0;}
.gnb > ul > li > ul > li > ul > li > div > div > div:after {display:block; content:""; position:absolute; right:-30px; bottom:-41px; width:30px; height:41px; background:url(/images/bg_rad_r_b.png) no-repeat 0 0;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div {position:relative;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div:before {display:block; content:""; position:absolute; left:-30px; top:-21px; width:30px; height:21px; background:url(/images/bg_rad_l_t.png) no-repeat 0 0;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div:after {display:block; content:""; position:absolute; right:-30px; top:-21px; width:30px; height:21px; background:url(/images/bg_rad_r_t.png) no-repeat 0 0;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div {position:relative; }
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div:before {display:block; content:""; position:absolute; left:0; top:-21px; width:100%; height:21px; background:url(/images/bg_line_t.png) repeat-x;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div:after {display:block; content:""; position:absolute; left:0; bottom:-41px; width:100%; height:41px; background:url(/images/bg_line_b.png) repeat-x;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div {position:relative; }
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div:before {}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div:after {display:block; content:""; position:absolute; right:-30px; top:0; width:30px; height:100%; background:url(/images/bg_line_r.png) repeat-y;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul {position:relative; width:200px; background:#fff;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul:after {display:block; content:""; position:absolute; left:-49px; top:0; z-index:15; width:30px; height:72px; background:#fff url(/images/img_cate_arr_left5.png) no-repeat 0 0;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul:before {display:block; content:""; position:absolute; left:-30px; top:0; width:31px; height:100%; background:url(/images/bg_line_l.png) repeat-y;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul > li > a {font-size:16px; color:#888; font-weight:300; line-height:28px;}
.gnb > ul > li > ul > li > ul > li > div > div > div > div > div > div > ul > li > a:hover, .allCateList > ul > li > ul > li > ul > li > ul > li > a.on {color:#222; font-weight:300; text-decoration:underline;}

.kFood .tblList table {table-layout:fixed;}
.kFood .tblList tbody td {font-size:14px; color:#222; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kFood .tblList tbody td.ovrEl > div {width:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kFood .tblList tbody td span {display:inline; font-size:14px; color:#222; font-weight:300;}
.kFood .tblList tbody td.cl222 {color:#222;}
.kFood .tblList tbody td.cl888 {color:#888;}
.kFood .tblList tbody td.cl555 {color:#555;}

.underGo.btnArea.right:after {display:block; content:""; clear:both;}
.underGo.btnArea.right > a {display:inline-block; float:right; width:132px; height:46px; margin:40px 0 0 0; line-height:46px; text-align:center;}
.underGo.btnArea.right + .nuriNotice {margin:30px 0 0 0;}

.tabs.tabs2 ul li {padding:0 20px;}
.tabs.tabs2 ul li a {font-size:16px;}
.tabs.tabs2 ul li:hover {color:#555555; font-weight:500; border:1px solid #cccccc; border-bottom: none;}
.tabs.tabs2 ul li:hover a {color:#555555; font-weight:500;}
.reportSect2 {margin:30px 0 0 0; padding:30px 0 0 30px; background:#f9fbfd; border-radius:12px;}
.reportSect2:after {display:block; content:""; clear:both;}
.reportSect2 .reportHeadSection {float:left; width:332px; height:251px; margin:0 29px 30px 0; background:#fff; border-radius:12px;}
.reportSect2 .reportHeadSection > strong {display:block; position:relative; float:none; padding:8px 30px 23px; font-size:14px; color:#888; font-weight:400; line-height:18px;}
.reportSect2 .reportHeadSection > strong > .reportHeadSectionMore {position:absolute; right:30px; top:8px; font-size:14px; color:#ccc; font-weight:400; line-height:18px;}
.reportSect2 .reportHeadSection .reportLev {float:none; padding:30px 0 30px; border-top:1px solid #eee;}
.reportSect2 .reportHeadSection .reportLev > div {float:none; width:100%; height:auto; padding:0 30px 0;}
.reportSect2 .reportHeadSection .reportLev > div:after {display:block; content:""; clear:both;}
.reportSect2 .reportHeadSection .reportLev > div + div {margin:14px 0 0 0;}
.reportSect2 .reportHeadSection .reportLev > div > span {float:left; font-size:18px; color:#222; font-weight:400; line-height:18px;}
.reportSect2 .reportHeadSection .reportLev > div > strong {position:static; float:right; font-size:22px; color:#1b9ec9; font-weight:500; line-height:26px; vertical-align:bottom;}
.reportSect2 .reportHeadSection .reportLev > div > strong > span {font-size:14px; color:#222; font-weight:400; line-height:26px;}
.reportSect2 .reportHeadSection .reportLev > div.hasMark {margin:23px  0 0 0;}
.reportSect2 .reportHeadSection .reportLev > div.hasMark > span {top:-14px;}
.reportSect2 .reportHeadSection .reportLev > div.hasMark > strong {color:#222;}
.reportSect2 .reportHeadSection > strong > .reportHeadSectionMore:hover {color:#222; text-decoration:underline;}
.reportSect2 .reportHeadSection.largeSect {width:694px;}
.reportSect2 .reportHeadSection.largeSect .reportLev {float:left; width:50%;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft {padding:30px 0 44px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levRight {padding:30px 0 44px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft > div {padding:0 45px 0 30px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft > div + div {margin:19px 0 0 0;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levRight > div {margin:-4px 0 0 0; padding:0 30px 0 45px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levRight > div.hasMark > span {left:45px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levRight > div > strong {font-size:22px; color:#222; font-weight:500;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levLeft > div > strong {margin-top:-5px;}
.reportSect2 .reportHeadSection.largeSect .reportLev.levRight > div + div {margin:17px 0 0 0;}

.reportHeadSection.endSect .reportLev > div > strong {color:#222;}
.reportHeadSection.endSect .reportLev > div {margin:17px 0 0 0;}
.reportHeadSection.endSect .reportLev > div + div {margin:26px 0 0 0;}

.reportSect2 .sectHalf {padding:0 30px 0 0 ;}
.reportHeadSection.half {float:left; width:calc(50% - 15px); height:auto; margin:0 0 30px 0;}
.reportHeadSection.half + .half {float:right;}
.reportHeadSection.half .reportLev ul {}
.reportHeadSection.half .reportLev ul li {padding:0 30px; }
.reportHeadSection.half .reportLev ul li a {display:block; }
.reportHeadSection.half .reportLev ul li a span {display:inline-block; width:26px; height:24px; background:#1b9ec9; font-size:14px; color:#fff; font-weight:500; line-height:26px; text-align:center; border-radius:6px;}
.reportHeadSection.half .reportLev ul li a p {display:inline-block; width:400px; margin:0 0 0 20px; font-size:18px; color:#888; font-weight:400; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.reportHeadSection.half .reportLev ul li a:hover p {color:#222; text-decoration:underline;}
.reportHeadSection.half .reportLev ul li + li {margin:18px 0 0 0;}

.reportSect.type2 {margin:30px 0 0 0; padding:26px 30px 30px 30px}
.reportSect.type2 .reportHeadSection {}
.reportSect.type2 .reportHeadSection > strong {margin:0;}
.reportSect.type2 .reportMainSection {margin:25px 0 0 0;}
.reportSect.type2 .reportMainSectionGr .tblData {margin:14px 0 0 0;}
.reportSect.type2 .reportMainSectionGr .tblData > table {margin:0;}
.reportSect.type2 .reportWrap .reportLev > div:first-child + div {margin:0 30px 0 0;}
.reportSect.type2.type3 .reportHeadSection > strong {margin:17px 0 0 0;}
.reportSect.type2.type3 .reportLev > div {width:300px;}
.reportSect.type2 .reportMainSectionGr .tblData {margin:0;}
.reportSect.type2.type4 .reportHeadSection {position:relative; padding:0 0 28px 0;}
.reportSect.type2.type4 .reportHeadSection .exDown1 {position:absolute; right:0; top:7px;}
.reportSect.type2.type4 .reportMainSection {padding:0 30px 30px 30px;}
.reportSect.type2.type4 .reportMainSection .reportMainSectionGr { border:0;}
.reportSect.type2.type4 table tbody tr td.arRight {text-align:right;}

.populKey {position:relative; width:1500px; margin:49px auto 0; background:#fff;}
.populKey > strong {font-size:28px; color:#222; font-weight:400; line-height:30px;}
.populKeyMore {position:absolute; right:0; top:16px; font-size:14px; color:#888; font-weight:300;}
.populKeyBox {margin:23px 0 0 0; padding:21px 30px 0 30px; border:1px solid #eaeaea; border-radius:12px;}
.populKeyBoxTab > a {font-size:14px; color:#aaa; font-weight:400;}
.populKeyBoxTab > a:hover {color:#188eb5; font-weight:500;}
.populKeyBoxTab > a.on {color:#188eb5; font-weight:500;}
.populKeyBoxTab > a + a {position:relative; margin:0 0 0 10px; padding:0 0 0 10px;}
.populKeyBoxTab > a + a:before {display:block; content:""; position:absolute; left:0; top:5px; width:1px; height:10px; background:#ddd;}
.populKeyBoxList {margin:19px 0 0 0; padding:20px 0 0 0; border-top:1px solid #eee;}
.populKeyBoxList ul {}
.populKeyBoxList ul:after {display:block; content:""; clear:both;}
.populKeyBoxList ul li {float:left; width:20%; padding:0 0 30px 0;}
.populKeyBoxList ul li a {display:block;}
.populKeyBoxList ul li a .num {display:inline-block; width:26px; height:24px; background:#1b9ec9; font-size:14px; color:#fff; font-weight:500; line-height:26px; text-align:center; border-radius:6px; vertical-align:middle;}
.populKeyBoxList ul li a .numItem {display:inline-block; width:220px; margin:0 0 0 13px; font-size:16px; color:#555; font-weight:400; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.populKeyBoxList ul li a:hover .numItem {text-decoration:underline; color:#222;}

.ellips {display:block; width:310px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.greyBox {margin:21px 0 0 0; padding:25px 30px 23px 30px; background:#f6f9fa; border-radius:12px;}
.greyBox li:first-child {margin:0;}
.greyBox li {margin:8px 0 0 0;}
.greyBox li strong {font-size:16px; color:#555; font-weight:500; line-height:22px;}
.greyBox li span {font-size:16px; color:#555; font-weight:300; line-height:22px;}

.hasBorder {}
.reportMainSectionGr .full .hasBorder tbody td a {width:435px;}
.reportMainSectionGr th .up {padding:0 20px 0 0; color:#888; background:url(/images/img_sort_on.png) no-repeat right center;}
.reportMainSectionGr th .down {padding:0 20px 0 0; color:#888; background:url(/images/img_sort_off.png) no-repeat right center;}
.reportMainSectionGr th .up:hover {border-bottom:1px solid #888;}
.reportMainSectionGr th .down:hover {border-bottom:1px solid #888;}

[class*="pop-address-search"] {font-size:12px; font-family: "돋움",Dotum,AppleGothic,sans-serif; color:#000;}
[class*="pop-address-search"] *{padding:0; margin:0; line-height:1.2em}
[class*="pop-address-search"] p, 
[class*="pop-address-search"] h1, 
[class*="pop-address-search"] h2, 
[class*="pop-address-search"] h3, 
[class*="pop-address-search"] h4, 
[class*="pop-address-search"] h5, 
[class*="pop-address-search"] h6, 
[class*="pop-address-search"] ul, 
[class*="pop-address-search"] ol, 
[class*="pop-address-search"] li, 
[class*="pop-address-search"] dl, 
[class*="pop-address-search"] dt, 
[class*="pop-address-search"] dd, 
[class*="pop-address-search"] div, 
[class*="pop-address-search"] table, 
[class*="pop-address-search"] th, 
[class*="pop-address-search"] td, 
[class*="pop-address-search"] form, 
[class*="pop-address-search"] fieldset, 
[class*="pop-address-search"] legend, 
[class*="pop-address-search"] input, 
[class*="pop-address-search"] textarea, 
[class*="pop-address-search"] button, 
[class*="pop-address-search"] select, 
[class*="pop-address-search"] pre, 
[class*="pop-address-search"] code {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;color:#000;}
[class*="pop-address-search"] input, 
[class*="pop-address-search"] textarea, 
[class*="pop-address-search"] select, 
[class*="pop-address-search"] button, 
[class*="pop-address-search"] table {font-size:13px; font-family: "돋움",Dotum,AppleGothic,sans-serif; color:#000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="pop-address-search"] article, 
[class*="pop-address-search"] aside, 
[class*="pop-address-search"] details, 
[class*="pop-address-search"] figcaption, 
[class*="pop-address-search"] figure, 
[class*="pop-address-search"] footer, 
[class*="pop-address-search"] header, 
[class*="pop-address-search"] hgroup, 
[class*="pop-address-search"] nav, 
[class*="pop-address-search"] section, 
[class*="pop-address-search"] summary {display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="pop-address-search"] img, 
[class*="pop-address-search"] fieldset {border:0; vertical-align:middle}
[class*="pop-address-search"] iframe, 
[class*="pop-address-search"] button {border:0}
[class*="pop-address-search"] ul, 
[class*="pop-address-search"] ol {list-style:none}
[class*="pop-address-search"] legend, 
[class*="pop-address-search"] caption, 
[class*="pop-address-search"] hr {display:none}
[class*="pop-address-search"] table {border-collapse:collapse; border-spacing:0;}
[class*="pop-address-search"] a {text-decoration:none; font-family: "돋움",Dotum,AppleGothic,sans-serif;}

/* 바탕 배경 이미지 */
.pop-address-search .pop-address-search-inner { background-image: url();}
/* 회사 로고 이미지 */
.pop-address-search .pop-address-search-inner .logo { background: url(/images/PopUpAPI_Logo.png) no-repeat; background-position:center;  min-height: 40px;}

.pop-address-search {position:absolute; z-index:1; left:0; top:0; width:500px; min-height:400px}
.pop-address-search .pop-address-search-inner {position:relative; padding:18px; padding-bottom:20px; text-align:center; border:1px solid #000; background-color:#fff; background-repeat:no-repeat; background-position:100% 100%}
.pop-address-search .pop-address-search-inner fieldset {display:inline-block; position:relative; padding-right:36px}				
.pop-address-search .pop-address-search-inner fieldset .close {position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url(/images/btn-close-search.png) 50% 50% no-repeat; text-indent:-9999px}
.pop-address-search .pop-address-search-inner .wrap {display:block; width:350px; position:relative; border:2px solid #186bb9; padding:0 39px 0 0}					
.pop-address-search .pop-address-search-inner .wrap:after {content:""; display:block; clear:both}		
.pop-address-search .pop-address-search-inner .wrap *{height:39px; border:0 none}						
.pop-address-search .pop-address-search-inner .wrap input[type="text"] {width:100%; line-height:39px; font-size: 14px;}						
.pop-address-search .pop-address-search-inner .wrap input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url(/images/btn-search.png) 50% 50% no-repeat}						
.pop-address-search .pop-address-search-inner .guide {display:inline-block; margin-top:14px; color:#186bb9; padding-right:39px}
.pop-address-search .pop-address-search-inner .logo {text-align:center; margin-top:15px;}
.pop-address-search .pop-address-search-inner .exam {text-align:left; margin-top:5px}
.pop-address-search .pop-address-search-inner .exam table.data-col {border-bottom:1px solid #ddd; margin-top:16px}
.pop-address-search .pop-address-search-inner .exam table.data-col thead tr th {text-align:center; height:49px; padding:16px 0}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr td {text-align:left; height:auto; padding:19px 0 7px 20px; border-bottom:0}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr ~ tr td {padding-top:7px}
.pop-address-search .pop-address-search-inner .exam table.data-col tbody tr:last-child td {padding-bottom:19px}
.pop-address-search .pop-address-search-inner .exam table.data-col ~ p {margin-top:19px;}
.pop-address-search .pop-address-search-inner .result {margin-top:25px}
.pop-address-search .pop-address-search-inner .result .text-guide {text-align:left}
.pop-address-search .pop-address-search-inner .result .text-guide strong {color:#186bb9}
.pop-address-search .pop-address-search-inner .result .text-guide ~ table.data-col {margin-top:16px;}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr td {line-height:1.57em}
.pop-address-search .pop-address-search-inner .result table.data-col thead tr th,
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr td {height:40px; padding:1px 0}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(odd) td {background:#f7f7f7}
.pop-address-search .pop-address-search-inner .result table.data-col tbody tr.nodata td {background:#fff}
.pop-address-search .pop-address-search-inner .detail {margin-top:25px}
.pop-address-search .pop-address-search-inner .detail p {margin-bottom:16px; text-align:left}
.pop-address-search .pop-address-search-inner .detail table.data-row tbody tr td {text-align:left; line-height:1.57em}

.pop-address-search-form {background:#fff}
.pop-address-search-form .pop-address-header {padding:20px 30px; background:#333}
.pop-address-search-form .pop-address-header h2 {font-size:20px; font-weight:normal; color:#fff}
.pop-address-search-form .pop-address-body {padding:30px}
.pop-address-search-form .pop-address-field {display:block; width:388px; margin:0 auto; margin-bottom:29px; position:relative; border:2px solid #186bb9; padding:0 39px 0 0}					
.pop-address-search-form .pop-address-field:after {content:""; display:block; clear:both}		
.pop-address-search-form .pop-address-field *{height:39px; border:0 none}						
.pop-address-search-form .pop-address-field input[type="text"] {width:100%; line-height:39px;}						
.pop-address-search-form .pop-address-field input[type="button"] {position:absolute; right:0; top:0; width:39px; background:url(/images/btn-search.png) 50% 50% no-repeat}	
.pop-address-search-form .pop-address-body .text-guide {margin-bottom:15px}
.pop-address-search-form .pop-address-body table.data-col thead tr th,
.pop-address-search-form .pop-address-body table.data-col tbody tr td {height:49px; padding:16px 0}
.pop-address-search-form .pop-address-body table.data-col tbody tr:nth-child(odd) td {background:#f7f7f7}
.pop-address-search-form .pop-address-body table.data-col tbody tr.nodata td {background:#fff}
.pop-address-search-form .pop-address-body .paginate {margin-top:20px}
.pop-address-search-form .pop-address-detail {margin-top:40px; padding-top:30px; border-top:1px dotted #666}
.pop-address-search-form .pop-address-detail .btns-submit {margin-top:20px}
.pop-address-search-form .pop-address-detail .pop-address-jibun {margin-top:19px}
.pop-address-search-wrapper {position:fixed; z-index:9; left:0; top:0; right:0; bottom:0}
.pop-address-search-layer {position:absolute; z-index:10; left:50%; top:50%; margin:-290px 0 0 -340px; width:680px; border:1px solid #000; -webkit-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36); -moz-box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36); box-shadow: 5px 5px 12px -2px rgba(0,0,0,0.36);}
.pop-address-search-layer .pop-address-header {position:relative}
.pop-address-search-layer .pop-address-header .close {position:absolute; right:25px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(/images/btn-close-pop.png) 50% 50% no-repeat; text-indent:-9999px}


/* form element */
/* radio, checkbox */
[class*="pop-address-search"] input[type="checkbox"],
[class*="pop-address-search"] input[type="radio"] {display:inline-block; width:13px; height:13px; vertical-align:middle; margin-right:3px}
/* select, input text */
[class*="pop-address-search"] select,
[class*="pop-address-search"] input[type="text"],
[class*="pop-address-search"] input[type="password"] {display:inline-block; height:35px; line-height:33px; padding:0 9px; border:1px solid #ccc; vertical-align:middle}
[class*="pop-address-search"] input[type="text"].input-datepicker {width:130px; background:#fff url(/images/ico-datepicker.gif) right 50% no-repeat}
[class*="pop-address-search"] .read-only {background-color:#f7f7f7}
[class*="pop-address-search"] ::-webkit-input-placeholder {color:#999;}
[class*="pop-address-search"] :-moz-placeholder {color:#999;}
[class*="pop-address-search"] ::-moz-placeholder {color:#999;}
[class*="pop-address-search"] :-ms-input-placeholder {color:#999;}
[class*="pop-address-search"] input.placeholder,
[class*="pop-address-search"] textarea.placeholder {color:#999;}
[class*="pop-address-search"] select {padding:0 25px 0 14px}
[class*="pop-address-search"] textarea {display:block; width:100%; line-height:1.333em; padding:15px 14px; border:1px solid #ccc;}
[class*="pop-address-search"] .wrap-file {position:relative}
[class*="pop-address-search"] .wrap-file input[type="file"] {position:absolute; left:0; top:0; height:100%; width:100%; opacity:0}
[class*="pop-address-search"] .wrap-file input[type="text"] {width:100%}

/* button and */
[class*="btn-"] {display:inline-block; height:35px; line-height:34px; min-width:90px; text-align:center; padding:0 10px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
[class*="btn-"].l {height:43px; line-height:42px; padding:0 20px}
[class*="btn-"].download span {padding-left:25px; font-weight:bold; background:url(/images/btn-download-red.png) 0 50% no-repeat}
[class*="btn-"].go span {padding-right:21px; font-weight:bold; background:url(/images/btn-go-w.png) 100% 50% no-repeat}
.btn-b {color:#fff; background:#000; border:1px solid #000}
.btn-w {background:#fff; border:1px solid #000}
.btn-bl {color:#fff; background:#186bb9; border:1px solid #186bb9}
.btn-dg {color:#fff; background:#333; border:1px solid #333}
.btn-g {color:#fff; background:#666; border:1px solid #666}
.btns-submit {text-align:center; margin-top:25px}
.btns-submit [class*="btn"] {margin:0 7px}
.btns-submit:after {content:""; display:block; clear:both}
.btns-submit .flex {float:left}
.btns-submit .flex ~ .flex {padding-left:10px}
.btns-submit .flex [class*="btn-"] {margin:0 0 0 0; width:100%}
.btns-submit .more {display:inline-block; margin-top:-5px; padding-top:35px; background:url(/images/btn-more.png) 50% 0 no-repeat}
.btns-submit .left {float:left; text-align:left}
.btns-submit .left > *{margin:0 6px 0 0}
.btns-submit .right {float:right; text-align:right}
.btns-submit .right > *{margin:0 0 0 6px}
.btns-submit .right .text-guide {display:inline-block; margin-right:5px}

/* data table, data list, board */
/* common */
table {width:100%}
table tr th .hidden {position:absolute; left:-9999em}
/* data, row */
table.data-row {border-top:1px solid #bbb; border-bottom:1px solid #bbb}
table.data-row tr ~ tr th,
table.data-row tr ~ tr td {border-top:1px solid #ddd}
table.data-row th {padding:15px 0; background:#f7f7f7; text-align:center}
table.data-row td {/* height:40px; */ height:65px; padding:15px}
table.data-row td input[type="text"] + input[type="checkbox"],
table.data-row td input[type="text"] + input[type="radio"],
table.data-row td input[type="password"] + input[type="checkbox"],
table.data-row td input[type="password"] + input[type="radio"] {margin-left:11px}
table.data-row td input[type="text"] + [class*="btn-"] {margin-left:6px}
table.data-row td .row:after {content:""; display:block; clear:both}
table.data-row td .flex {float:left}
table.data-row td .flex ~ .flex {padding-left:10px}
table.data-row td .flex input[type="text"],
table.data-row td .flex input[type="password"] {width:100%}
table.data-row td .flex [class*="btn-"] {width:100%; padding:0 0 0 0}
table.data-row td p.guide {line-height:1.57em; margin-top:6px}
table.data-row th .req {display:inline-block; width:12px; height:15px; background:url(/images/ico-required.png) 0 50% no-repeat; vertical-align:text-top; margin-right:6px; text-indent:-9999px}
/* date col */
table.data-col {table-layout:fixed; border-top:1px solid #000}
table.data-col thead tr th,
table.data-col tbody tr td {height:59px; padding:21px 0; border-bottom:1px solid #000}
table.data-col thead tr th {border-bottom:1px solid #000}
table.data-col tbody tr td {border-bottom:1px solid #ddd; text-align:center;}
table.data-col tbody tr td.subj {text-align:left; }
table.data-col tbody tr td.subj p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

/* search */
/* board search */
.search-data {margin-top:30px; padding:29px; border:1px solid #999; text-align:center}
.search-data label {margin-right:6px; font-weight:bold}
.search-data input[type='text'] {width:400px; margin-right:6px}

/* nav, tab */
.paginate {margin-top:10px; text-align:center}
.paginate > *{display:inline-block; padding:0px; min-width:31px; height:31px; line-height:31px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; }
.paginate strong {color:#fff; border:1px solid #186bb9; background:#186bb9;}
.paginate a:hover,
.paginate a:focus {border:1px solid #ccc}
.paginate a {text-decoration:none; font-family: "돋움",Dotum,AppleGothic,sans-serif; color:#000;}
.paginate .skip {padding:0; text-align:left; text-indent:-9999px; *text-indent:0; *font-size:0; *color:#fff; border:1px solid #ccc}
.paginate .skip.prev {margin-right:18px; background:url(/images/btn-paginate-prev.png) 50% 50% no-repeat}
.paginate .skip.prev10 {background:url(/images/btn-paginate-prev10.png) 50% 50% no-repeat}
.paginate .skip.next {margin-left:18px; background:url(/images/btn-paginate-next.png) 50% 50% no-repeat}
.paginate .skip.next10 {background:url(/images/btn-paginate-next10.png) 50% 50% no-repeat}

/* text */
.tit-bul {margin-bottom:19px; font-size:18px; font-weight:bold; padding-left:13px; background:url(/images/bul-6x6-circle.png) 0 50% no-repeat}
.appr {color:#1661a7}
.list-text li {padding-left:8px; line-height:1.57em; background:url(/images/bul-3x3-circle.png) 0 0.6em no-repeat}
.list-text li.emp {background:url(/images/bul-3x3-circle-red.png) 0 0.6em no-repeat}
.list-text li ~ li {margin-top:3px}
.list-text li strong {color:#df1919}
.text-guide {padding-left:8px; line-height:1.57em; background:url(/images/bul-3x3-circle.png) 0 0.6em no-repeat}

/* 해외지사 */
/* 2021-07-03 */
.oversea .overseaLogo {height:90px; padding:34px 0 0 0; text-align:center;}
.oversea .overseaLogo img {height:36px; max-width:335px;}
.oversea .overseaGnb {height:70px; border-top:1px solid #dde2e5; border-bottom:1px solid #dde2e5;}
.oversea .overseaGnbArea {width:1500px; margin:0 auto;}
.oversea .overseaGnbArea > ul {width:900px; margin:0 auto;}
.oversea .overseaGnbArea > ul:after {display:block; content:""; clear:both;}
.oversea .overseaGnbArea > ul > li {position:relative; float:left; width:calc(100% / 3);}
.oversea .overseaGnbArea > ul > li > a {display:inline-block; position:relative; z-index:15; height:70px; padding:20px 0 0 0; font-size:18px; color:#aaa; font-weight:400; line-height:30px;}
.oversea .overseaGnbArea > ul > li > a:hover {text-decoration:underline;}
 
.typeOr > a {margin:0 0 0 32px;}
.typeOr > a:after {display:block; content:""; position:absolute; left:-34px; top:50%; width:10px; height:10px; margin:-5px 0 0 0; background:#ff6c00; border-radius:5px;}
.typeBl > a {margin:0 0 0 66px;}
.typeBl > a:after {display:block; content:""; position:absolute; left:-34px; top:50%; width:10px; height:10px; margin:-5px 0 0 0; background:#00a0e9; border-radius:5px;}
.typeGr > a {margin:0 0 0 166px;}
.typeGr > a:after {display:block; content:""; position:absolute; left:-34px; top:50%; width:10px; height:10px; margin:-5px 0 0 0; background:#01af51; border-radius:5px;}

.oversea .footerList {width:1500px; margin:0 auto; padding:35px 0 0 0;}
.oversea .footerList:after {display:block; content:""; clear:both;}
.oversea .footerList li {position:relative; float:left; width:calc(100% / 3); font-size:14px; color:#aaa; font-weight:300; line-height:22px; text-align:center;}
.oversea .footerList li a {font-size:14px; color:#aaa; font-weight:300; line-height:22px;}
.oversea .footerList li a:hover {text-decoration:underline;}
.oversea .footerList li:before {display:block; content:""; position:absolute; left:0; top:50%; width:1px; height:10px; margin:-5px 0 0 0; background:#eee;}
.oversea .footerList li:first-child:before {display:none;}

.oversea .footerOvrLogo {margin:32px 0 0 0;}
.oversea .footerOvrLogo ul {text-align:center;}
.oversea .footerOvrLogo ul li {display:inline-block;}
.oversea .footerOvrLogo ul li + li {margin:0 0 0 104px;}

.headerOvr {height:150px; background:#f7f9fc;}
.headerOvrIn {position:relative; width:1500px; margin:0 auto;}
.headerOvr .ovrLogo {position:absolute; left:60px; top:50px;}
.headerOvr .ovrTitle {padding:29px 0 0 0; text-align:center;}
.headerOvr .ovrTitle strong > a {display:block; margin:25px 0 0 0; font-size:48px; color:#114f6a; line-height:32px; font-weight:bold;}
.headerOvr .ovrTitle span {display:block; font-size:20px; color:#888; font-weight:500; line-height:32px;}
.headerOvr .ovrSNS {position:absolute; right:0; top:60px;}
.headerOvr .ovrSNS > span {margin:0 13px 0 0; font-size:16px; color:#222; font-weight:300; line-height:30px; vertical-align:middle;}
.snsI {display:inline-block; width:28px; height:28px; background:url(/images/branch/img_ovr_insta.png) no-repeat 0 0; vertical-align:middle;}
.snsF {display:inline-block; width:28px; height:28px; margin:0 0 0 4px; background:url(/images/branch/img_ovr_face.png) no-repeat 0 0; vertical-align:middle;}
.snsT {display:inline-block; width:28px; height:28px; margin:0 0 0 4px; background:url(/images/branch/img_ovr_twit.png) no-repeat 0 0; vertical-align:middle;}

.ovrseaBox {padding:35px 40px; font-size:16px; color:#222; font-weight:300; line-height:22px; border:1px solid #eaeaea; border-radius:12px;}
.ovrseaGrey {}
.ovrseaGrey:after {display:block; content:""; clear:both;}
.ovrseaGrey > div {position:relative; float:left; width:348px; height:120px; margin:30px 0 0 36px; background:#f6f9fa; border-radius:12px;}
.ovrseaGrey > div > span {display:block; position:absolute; left:0; top:50%; width:100%; font-size:18px; color:#49b1d4; font-weight:bold; line-height:20px; text-align:center; transform:translate(0, -50%);}
.ovrseaGrey > div:first-child {margin:0;}
.ovrseaGrey > div:nth-child(2) {margin:0 0 0 36px;}
.ovrseaGrey > div:nth-child(3n) {float:right; margin:30px 0 0 0; }
.ovrseaGrey > div:nth-child(3) {margin:0 0 0 0;}
.ovrseaGrey > div:nth-child(3n+1) {margin-left:0;}

.ovrseaList {}
.ovrseaList ul {}
.ovrseaList ul li {position:relative; height:78px; padding:26px 30px; border-bottom:1px solid #eee;}
.ovrseaList ul li:first-child {border-top:1px solid #eee;}
.ovrseaList ul li a {font-size:16px; color:#222; font-weight:400; line-height:26px;}
.ovrseaList ul li a:hover {text-decoration:underline;}
.ovrseaList ul li span {position:absolute; right:30px; top:28px; font-size:14px; color:#888; font-weight:300;}
.ovrseaPos {position:relative;}
.ovrGoLink {display:inline-block; position:absolute; right:0; top:-67px; height:36px; padding:0 26px; background:#188eb5; font-size:16px; color:#fff; font-weight:400; line-height:36px; border-radius:6px; transition:all .3s ease;}
.ovrGoLink:hover {background:#11637e;}
.ovrseaTit {margin:52px 0 0 0;}

.ovrsea.footer {margin:108px 0 0 0;}

.ovrsea.m_left {position:relative;}
.ovrseaHome {position:absolute; bottom:-225px; left:86px; width:140px; height:200px; background:url(/images/branch/img_ovrsea_home.png) no-repeat 0 0;}
.ovrseaHome > a {display:block; margin:83px 0 0 0; font-size:16px; color:#fff; font-weight:400; line-height:20px; text-align:center;}
.ovrseaHome > a:hover {text-decoration:underline;}

.qna {width:155px; height:46px; background:#e8f5f9; font-size:16px; color:#188eb5; font-weight:500; line-height:46px; text-align:center; transition:all .3s ease; border:1px solid #fff; border-radius:12px;}
.qna:hover {border:1px solid #188eb5;}
.ovrseaRightList {}
.ovrseaRightList li {position:relative; margin:30px 0 0 0;}
.ovrseaRightList li:first-child {margin:0;}
.ovrseaRightList li:after {display:block; content:""; clear:both;}
.ovrseaRightList .ovrseaTitleBox {position:relative; float:left; width:300px; height:140px; background:#a4d8e9; border-radius:12px;}
.ovrseaRightList .ovrseaTitleBox > span {position:absolute; left:50%; top:50%; font-size:18px; color:#11637e; font-weight:bold; line-height:20px; transform:translate(-50%, -50%); text-align:center;}
.ovrseaRightList .ovrseaTextBox {position:relative; float:right; width:796px; height:140px; border:1px solid #dee3e5; border-radius:12px;}
.ovrseaRightList .ovrseaTextBox > span {position:absolute; left:0; top:50%; padding:0 30px; font-size:16px; color:#222; font-weight:300; line-height:22px; transform:translate(0, -50%);}
.ovrseaMor {position:absolute; right:30px; bottom:0; width:134px; height:40px; padding:0 20px 0 48px; background:#dee3e5 url(/images/branch/img_ovrsea_more.png) no-repeat 20px 10px; font-size:14px; color:#11637e; font-weight:400; line-height:40px; border-top-left-radius:12px; border-top-right-radius:12px; }
.ovrseaMor:hover {text-decoration:underline;}

.overseaNotice {margin:20px 0 0 0;}
.overseaNotice ul {}
.overseaNotice ul li {position:relative; border-bottom:1px solid #e5e5e5;}
.overseaNotice ul li:first-child {border-top:1px solid #e5e5e5;}
.overseaNotice ul li a {display:block; height:80px; padding:25px 120px 30px 30px; font-size:16px; color:#222; font-weight:400; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.overseaNotice ul li span {position:absolute; right:30px; top:26px; font-size:14px; color:#888; font-weight:300; line-height:26px;}
.overseaNotice ul li span img {height:40px; width:40px;}
.overseaNotice.detail {}
.overseaNotice.detail li {border-bottom:0;}
.overseaNotice.detail li strong {display:block; height:80px; padding:25px 120px 30px 30px; font-size:16px; color:#222; font-weight:400; line-height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background:#fafbfc; box-sizing:border-box;}
.overseaNotice.detail li div {padding:26px 30px 30px 30px; font-size:16px; color:#222; font-weight:300; line-height:22px; border-top:1px solid #eee;}

.interests_top.ovrsea .ipArea select {background:#f7f9fc url(/images/branch/img_lang_sel2.png) no-repeat right 15px center;}
.interests_top.ovrsea .ipArea input {background:#f7f9fc;}
.interests_top.ovrsea .ipArea a {background:#188eb5; color:#fff;}
.interests_top.ovrsea .ipArea a:hover {background:#11637e;}

.tblList2 {margin:20px 0 0 0;}
.tblList2 thead th {background:#f6f9fa; padding:19px 0 17px; font-size:14px; color:#aaa; font-weight:300; text-align:center; border-right:1px solid #eee;}
.tblList2 thead th:first-child {border-left:1px solid #eee;}
.tblList2 tbody td {padding:16px 30px; background:#fff; font-size:16px; color:#222; font-weight:300; text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.tblList2 tbody td:first-child {font-size:16px; color:#aaa; font-weight:300; border-left:1px solid #eee;}

.tblList2 tbody td.tblListType01 {font-size:14px; color:#aaa; font-weight:300; }
.tblList2 tbody td.tblListType02 {font-size:14px; color:#222; font-weight:300; }
.tblList2 tbody td.tblListType03 {font-size:14px; color:#188eb5; font-weight:400; text-align:left;}
.tblList2 tbody td.tblListType03 a {font-size:14px; color:#188eb5; font-weight:400; text-decoration:underline;}
.tblList2 tbody td.tblListType04 {font-size:14px; color:#888; font-weight:300;}
.tblList2 tbody td.tblListType05 {font-size:14px; color:#222; font-weight:300;}
.tblList2 tbody td.tblListType06 {background:#fafcfc; font-size:14px; color:#888; font-weight:500;}
.tblList2 tbody td.tblListType07 {background:#fafcfc; font-size:14px; color:#222; font-weight:300; line-height:26px;  text-align:left}

.contactBox {position:relative; margin:38px 0 0 0; border:1px solid #eaeaea; border-radius:12px;}
.contactBox + .contactBox {margin:176px 0 0 0;}
.contactBoxTitle {}
.contactBoxTitle > strong {display:block; padding:24px 40px; font-size:20px; color:#555; font-weight:500; line-height:26px;}
.contactBoxDesc {padding:24px 40px; border-top:1px solid #eaeaea;}
.contactBoxDesc li {}
.contactBoxDesc li + li {margin:20px 0 0 0;}
.contactBoxDesc li:after {display:block; content:""; clear:both;}
.contactBoxDesc li > strong {display:block; float:left; width:100px; font-size:20px; color:#555; font-weight:500; line-height:26px; box-sizing:border-box; vertical-align:middle;}
.contactBoxDesc li > span {display:block; float:left; width:920px; font-size:16px; color:#555; font-weight:300; line-height:30px; vertical-align:middle;}
.contactBox .qna {display:block; position:absolute; right:0; top:-75px; width:155px; height:46px; background:#e8f5f9; font-size:16px; color:#188eb5; font-weight:500; line-height:46px; text-align:center; transition:all .3s ease; border:1px solid #fff; border-radius:12px;}
.contactBox .qna:hover {border:1px solid #188eb5;}

.contactBoxDescTle {display:block; float:left; width:330px; height:60px; background:#a4d8e9; font-size:18px; color:#11637e; font-weight:bold; line-height:60px; text-align:center; border-radius:12px;}
.contactBoxDescDes {display:block; float:right; width:680px; height:60px; border:1px solid #dee3e5; border-radius:12px; text-align:center; }
.contactBoxDescDes a {font-size:16px; color:#222; font-weight:300; line-height:60px; }
.contactBoxDescDes a:hover {text-decoration:underline;}

.tblList.ovrseas {margin:20px 0 0 0;}

.layerArea .lyContents .ipArea.noBlock input[type=radio] + label {display:inline-block; margin:0 0 15px 15px;}
.layerArea .lyContents.lyOvr {top:50px; transform:translate(-50%, 0);}
.layerArea .lyContents.lyOvr .tblData {margin:30px 0 0 0;}
.layerArea .lyContents.lyOvr .btnArea {margin:39px 0 0 0;}

/* .ovrseaH {height:160px;} */
.ovrseaF {margin:0;}
.ovrseaC {background:#f6f9fa;}
.mp {position:relative; width:1500px; height:820px; margin:0 auto; background:url(/images/branch/img_mp.png) no-repeat 0 0;}
.mpTarget {position:absolute; left:0; top:0;}
.mpSNS {display:none; position:absolute; left:0; top:0; height:50px; padding:12px 20px; background:#fff; border:1px solid #188eb5; border-radius:25px;}
.mpSNS.on {display:inline-block;}
.mpSNS.has1 {top:32px; width:66px; left:-27px;}
.mpSNS.has2 {top:32px; width:100px; left:-44px;}
.mpSNS.has3 {top:32px; width:132px; left:-60px;}
.mpSNS.has4 {top:32px; width:165px; left:-76px;}
.mpSNS.has5 {top:32px; width:198px; left:-93px;}
.mpSNS.has6 {top:32px; width:232px; left:-110px;}
.mpSNS:after {display:block; content:""; position:absolute; top:-16px; left:50%; width:18px; height:16px; margin:0 0 0 -9px; background:url(/images/branch/img_pol.png) no-repeat 0 0;}
.mpSNS a + a {margin:0 0 0 5px;}
.mpTarget .target {display:inline-block; position:absolute; left:0; top:0; width:80px; height:40px; text-align:center;}
.mpSNS .in {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_ins.png) no-repeat 0 0;}
.mpSNS .in.on {background:url(/images/branch/img_ovr_ins_on.png) no-repeat 0 0;}
.mpSNS .yt {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_yt_on.png) no-repeat 0 0;}
.mpSNS .yt.on {background:url(/images/branch/img_ovr_yt_on.png) no-repeat 0 0;}
.mpSNS .fb {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_fb.png) no-repeat 0 0;}
.mpSNS .fb.on {}
.mpSNS .tw {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_tw.png) no-repeat 0 0;}
.mpSNS .tw.on {}
.mpSNS .vk {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_vk.png) no-repeat 0 0;}
.mpSNS .vk.on {}
.mpSNS .ho {display:inline-block; width:24px; height:24px; background:url(/images/branch/img_ovr_ho.png) no-repeat 0 0;}
.mpSNS .ho.on {}
.moscow {position:absolute; left:252px; top:236px;}
.germany {position:absolute; left:140px; top:270px;}
.paris {position:absolute; left:110px; top:294px;}
.kazahstan {position:absolute; left:392px; top:270px;}
.saudi {position:absolute; left:288px; top:402px;}
.dubai {position:absolute; left:331px; top:409px;}
.india {position:absolute; left:415px; top:385px;}
.mongol {position:absolute; left:510px; top:280px;}
.vladivostok {position:absolute; left:670px; top:310px;}
.dalian {position:absolute; left:623px; top:333px;}
.beijing {position:absolute; left:603px; top:340px;}
.qingdao {position:absolute; left:607px; top:363px;}
.chendu {position:absolute; left:570px; top:380px;}
.hanoi {position:absolute; left:552px; top:419px;}
.bangkok {position:absolute; left:530px; top:444px;}
.cambodia {position:absolute; left:549px; top:455px;}
.hochimin {position:absolute; left:564px; top:460px;}
.jakarta {position:absolute; left:564px; top:529px;}
.osaka {position:absolute; left:683px; top:364px;}
.tokyo {position:absolute; left:706px; top:342px;}
.shanghai {position:absolute; left:614px; top:387px;}
.hongkong {position:absolute; left:598px; top:404px;}
.philipines {position:absolute; left:620px; top:435px;}
.australia {position:absolute; left:635px; top:585px;}
.la {position:absolute; left:1135px; top:353px;}
.newyork {position:absolute; left:1296px; top:344px;}
.brazil {position:absolute; left:1490px; top:530px;}

.mpBtmBtn {position:absolute; bottom:40px; left:330px; text-align:center;}
.mpBtmBtn a {display:inline-block; height:60px; background:#188eb5; font-size:16px; color:#fff; font-weight:400; line-height:60px; transition:all .3s ease;  border-radius:12px;}
.mpBtmBtn a span {display:block; height:60px; padding:0 74px 0 40px; background:url(/images/branch/img_ovr_down.png) no-repeat right 40px top 20px;}
.mpBtmBtn a:hover {background:#11637e}
.mpBtmBtn a + a {margin:0 0 0 16px;}

.ovrDep2 {display:none; position:absolute; left:-90px; top:-1px; z-index:10; background:#fff; border:1px solid #dde2e5; border-bottom-left-radius:12px; border-bottom-right-radius:12px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
.ovrDep2.on {display:block;}
.ovrDep2 > ul {margin:68px 0 0 0; padding:16px 0 28px 0; border-top:1px solid #dde2e5; }
.ovrDep2 > ul > li {}
.ovrDep2 > ul > li > a {display:block; width:360px; padding:0 30px; font-size:16px; color:#aaa; font-weight:400; line-height:42px; box-sizing:border-box;}
.ovrDep2 > ul > li > a:hover, .ovrDep2 ul > li > a.on {background:url(/images/branch/img_ovr_arr_right.png) no-repeat 330px center; font-size:16px; color:#222; font-weight:400; line-height:42px;}
.typeBl .ovrDep2 {left:-30px;}
.typeGr .ovrDep2 {left:30px;}
.typeGr .ovrDep2 > ul > li > a:hover {background:0; text-decoration:underline; }


.ovrDep3 {display:none; position:absolute; left:360px; top:68px; background:#fff; border:1px solid #dde2e5;  border-top-right-radius:12px; border-bottom-right-radius:12px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);}
.ovrDep3.on {display:block;}
.ovrDep3 ul {padding:21px 0;}
.ovrDep3 ul li {}
.ovrDep3 ul li a {display:block; width:360px; padding:0 30px 0 37px; font-size:16px; color:#aaa; font-weight:300; line-height:32px;}
.ovrDep3 ul li a:hover {color:#222; font-weight:400; text-decoration:underline;}

.ovrGoLink2 {display:block; position:absolute; left:0; bottom:65px; width:140px; height:200px; padding:92px 0 0 0; background:url(/images/branch/img_ovr_golink.png) no-repeat 0 0; font-size:16px; color:#fff; font-weight:400; line-height:20px; text-align:center;}
.ovrGoLink2:hover {text-decoration:underline;}

.ovrGoLink3 {display:inline-block; position:absolute; right:0; height:36px; padding:0 26px; background:#188eb5; font-size:16px; color:#fff; font-weight:400; line-height:36px; border-radius:6px; transition:all .3s ease; margin-right: 20px; margin-top: 5px;}
.ovrGoLink3:hover {background:#11637e;}


.onlineNext {display:block; position:relative; right:-32px; top:-250px;float:right; width:64px; height:64px; background:url(/images/img_pop_next.png) no-repeat 0 0; cursor:pointer;}
.onlinePrev {display:block; position:relative; left:-32px; top:-250px;float:left; width:64px; height:64px; background:url(/images/img_pop_prev.png) no-repeat 0 0; cursor:pointer;}
.onlineNext:hover {background:url(/images/img_pop_next_on.png) no-repeat 0 0; cursor:pointer;}
.onlinePrev:hover {background:url(/images/img_pop_prev_on.png) no-repeat 0 0; cursor:pointer;}


/* 220718 추가 */
.inner_wrap{width: 1500px; margin: 0 auto;}

/* slick */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0}.slick-list:focus{outline: none}.slick-list.dragging{cursor: pointer;cursor: hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}.slick-track:before,.slick-track:after{display: table;content: ''}.slick-track:after{clear: both}.slick-loading .slick-track{visibility: hidden}.slick-slide{display: none;float: left;height: 100%;min-height: 1px}[dir='rtl'] .slick-slide{float: right}.slick-slide img{display: block}.slick-slide.slick-loading img{display: none}.slick-slide.dragging img{pointer-events: none}.slick-initialized .slick-slide{display: block}.slick-loading .slick-slide{visibility: hidden}.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}.slick-arrow.slick-hidden{display: none}

/* main_visual*/
#forest_product .visual_slider{}
#forest_product .main_visual .inner_wrap{position: relative;}
#forest_product .main_visual .item{height: 470px;  overflow: hidden; position: relative}
#forest_product .main_visual .item img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%;}
#forest_product .main_visual .item b{font-size: 42px; font-family: 'Montserrat'; font-weight: 600; letter-spacing: 0; display: block; padding-top: 175px; line-height: 1.3; color: #464d54;}
#forest_product .main_visual .item span{color: #eb5863;}


/* con 공통 */
#forest_product .con{padding: 110px 0;}
#forest_product .con *{font-family: 'Pretendard'; }
#forest_product .con .con_title{display: block; line-height: 1; font-size: 48px; color: #3c4249; font-weight: 900; margin-bottom: 45px;}
#forest_product .btn{border-radius: 100px; display: inline-block; font-size: 16px; color: #545454; font-weight: 600; text-transform: uppercase;transition: all 0.2s; }
#forest_product .btn::after{content: ''; display: inline-block; width: 13px; height: 5px; position: relative; left: 0px; transition: all 0.2s; background: url(../images/forest/i_btn_arrow.png) no-repeat center center; margin-left: 32px; vertical-align: 3px; transition-delay: 0.05s;}

/* con1 */
#forest_product .con1{overflow: hidden; }
#forest_product .con1 .inner_wrap{position: relative;}
#forest_product .con1 p{font-size: 24px; line-height: 36px; font-weight: 200; margin-bottom: 55px; width: 70%;}
#forest_product .con1 .btn{width: 148px; height: 58px; border: 1px solid #cccccc;  line-height: 56px; text-align: center; margin-top: 57px;}
#forest_product .con1 .btn:hover{width: 158px;}
#forest_product .con1 .btn:hover::after{left: 5px;}
#forest_product .con1 img{position: absolute; right: 0; top: 30px;}

/* con2 */
#forest_product .con2{background: #f1f5f9;}
#forest_product .con2 .con_title{margin-bottom: 30px; float: left;}
#forest_product .con2 .con_title+.btn{float: right; margin-top: 12px;}
#forest_product .con2 .con_title+.btn:hover::after{left: 5px;}
#forest_product .con2 ul{clear: both;display: flex;/* justify-content: space-between; */}
#forest_product .con2 ul li{width: 347px;height: 495px;border: 1px solid #dddddd;background: #fff;border-radius: 13px;margin-right: 38px;}
#forest_product .con2 ul li a{display: block; width: 100%; height: 100%; padding: 40px; padding-top: 35px;}
#forest_product .con2 ul li b{color: #3c4249; font-size: 18px; font-weight: 900; display: block; margin-bottom: 15px;}
#forest_product .con2 ul li .img_area{width: 264px; height: 264px; margin: 0 auto; position: relative; overflow: hidden;}
#forest_product .con2 ul li .img_area img{display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.3s;}
#forest_product .con2 ul li a:hover .img_area img{width: 110%;}
#forest_product .con2 ul li p{font-size: 24px; font-weight: 200; color: #3c4249; line-height: 1; text-transform: uppercase; margin: 20px 0;}
#forest_product .con2 ul li .btn{width: 129px; height: 39px; line-height: 40px; color: #fff; background: #6bb74e; text-align: center; font-size: 15px; font-weight: 500;}
#forest_product .con2 ul li .btn::after{background: url(../images/forest/i_btn_arrow_white.png) no-repeat center center; margin-left: 30px;}
#forest_product .con2 ul li a:hover .btn{width: 135px;}
#forest_product .con2 ul li a:hover .btn::after{left: 5px;}

/* con3 */
#forest_product .con3{overflow: hidden; padding-bottom: 50px;}
#forest_product .con3 .inner_wrap{display: flex; justify-content: space-between;}
#forest_product .con3 .ccIn, #forest_product .con3 .banner{width: 732px;}
#forest_product .con3 .ccIn{float: left; margin-top: 0;}
#forest_product .con3 .ccIn .ccLeft{width: 100%; float: none; padding-top: 10px; padding-bottom: 10px;}
#forest_product .con3 .banner{float: right; border-radius: 12px;  background: #f1f3f8 url(../images/forest/img_con4_1.jpg) no-repeat right bottom;}
#forest_product .con3 .banner a{display: flex; align-items: center; padding-left: 45px; width: 100%; height: 100%;}
#forest_product .con3 .banner b{font-size: 21px; font-weight: 600; color: #313131; letter-spacing: -0.02em; line-height: 32px;}
#forest_product .con3 .banner b span{color: #3d61c5;}
#forest_product .con3 .banner p{font-size: 18px; font-weight: 200; line-height: 24px; margin-top: 15px;}

/* con4 */
#forest_product .con4{padding-top:0; overflow: hidden;}
#forest_product .con4 .vT:first-of-type{margin-left: 0;}
#forest_product .con4 .spType02{border-radius: 100px;}

/* con5 */
#forest_product .con5{background: #f9fbfd; padding-bottom: 90px;}
#forest_product .con5 .inner_wrap{position: relative;}
#forest_product .con5 .item ul{overflow: hidden;}
#forest_product .con5 .item ul li{float: left;width: 271px;height: 176px;border-radius: 13px;background: #fff;border: 1px solid #eaeaea;display: flex;align-items: center;justify-content: center;margin: 0 18px;margin-bottom: 20px;overflow: hidden;}
#forest_product .con5 .item ul li:nth-of-type(1), #forest_product .con5 .item ul li:nth-of-type(6n){margin-left: 0;}
#forest_product .con5 .item ul li:nth-of-type(5n){margin-right: 0;}
#forest_product .con5 .slick-arrow{width: 50px; height: 50px; border-radius: 100px; border: 1px solid #eaebec; position: absolute; top: 160px; transition: all 0.1s;}
#forest_product .con5 .slick-prev{left: -80px; background: url(../images/forest/btn_partners_prev.png) no-repeat 15px center;}
#forest_product .con5 .slick-next{right: -80px; background: url(../images/forest/btn_partners_next.png) no-repeat 20px center; background: ;}
#forest_product .con5 .slick-prev:hover{background: #c5c6c7 url(../images/forest/btn_partners_prev_hover.png) no-repeat 15px center; border: 1px solid #c5c6c7;}
#forest_product .con5 .slick-next:hover{background: #c5c6c7 url(../images/forest/btn_partners_next_hover.png) no-repeat 20px center; border: 1px solid #c5c6c7;}

/* footer */
.footer.forest_ft{margin-top: 0;}

/* //220718 추가 */