/* www */
.index * {font-family: 'NanumSquare' !important;}
.index .container .contents .mv img {width:100%;}
.index .srvc_info h1,
.index .q h1 {margin-top:40px;font-family: 'NanumSquare' !important;font-weight: 700;font-size: 50px;line-height: 55px;text-align:center;}
.index .srvc_info p.sub-tit,
.index .q p.sub-tit {margin-top:15px;margin-bottom:0px !important;font-family: 'NanumSquare' !important;font-weight: 400;font-size: 17px;line-height: 19px;text-align:center;}
.inf-1 { padding:0 !important;display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.inf-1 li { position:relative; width: 50%; }
.inf-1 li .line2 {position:absolute; top:-77px; left:-2px;}
.inf-1 li .line2-1 {position:absolute; top:-77px; right:-12px;}
.inf-1 li:nth-child(1),
.inf-1 li:nth-child(6),
.inf-1 li:nth-child(9),
.inf-1 li:nth-child(11) {padding:0 66px 0 29px;}
.inf-1 li:nth-child(4) {padding:0 29px 0 66px;}
.inf-1 li:nth-child(1),
.inf-1 li:nth-child(2),
.inf-1 li:nth-child(3),
.inf-1 li:nth-child(4),
.inf-1 li:nth-child(6),
.inf-1 li:nth-child(7),
.inf-1 li:nth-child(8),
.inf-1 li:nth-child(9),
.inf-1 li:nth-child(10),
.inf-1 li:nth-child(11),
.inf-1 li:nth-child(12) {margin-top:88px;}
.inf-1 li:nth-child(3),
.inf-1 li:nth-child(3),
.inf-1 li:nth-child(7) {text-align: right;}
.inf-1 li .img {width:50px;text-align: center;}
.inf-1 li .img span {margin:10px 0; background:#DCA7D7; display:inline-block;height:1px;width:21px;}
.inf-1 .txt { display:block;font-family: 'NanumSquare' !important; font-weight: 700; font-size: 28px; color: #6F56EA; }
.inf-1 .txt-2 { font-family: 'NanumSquare' !important;font-weight: 400;font-size: 14px;line-height: 22px;letter-spacing: 0.02em;color: #000000; }
.inf-1 .txt-2 span { color: #6F56EA; }
.loc {position:relative;}
.loc .opa {background:url(../img/loc-bg.png) no-repeat;background-size:cover;}
.loc .opa img {width: 100%;}
.loc .box {position:absolute;top:0;left:0;right:0;bottom:0;}
.loc .box h1 {margin-top: 20px;font-family: 'NanumSquare' !important;font-weight: 700;font-size: 50px;line-height: 55px;text-align: center;color:#fff;}
.loc .box .sub-tit {margin-top: 15px;margin-bottom: 0px !important;font-family: 'NanumSquare' !important;font-weight: 400;font-size: 17px;line-height: 19px;text-align: center;color:#fff}
.loc .box ul {margin-top:38px; padding-left:0 !important; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
.loc .box ul p {margin-top:8px;display: flex; align-items: center; justify-content: center;color:#fff;}
.loc .box ul p img,
.loc .box ul p .city {padding-right:10px;}
.loc .box ul p .city {font-size:17px;}
.q {padding-top:40px !important; padding-bottom:40px !important; background-color:#FAFAFA;}
.q ul li { margin-top:17px; padding-right:26px; font-family: 'NanumSquare'; font-weight: 400; font-size: 17px; line-height: 19px; color: #000000; }
.q ul li span.dot {margin-left:15px;display: inline-block;background: #000;width: 3px;height: 3px;border-radius: 50%;}
.q ul li span.dot, .q ul li span.txt {vertical-align: middle;}
.q ul li select,
.q ul li input[type=text] {width:100%;padding:15.5px 13px;border:1px solid #E0E0E0;}
.q ul li textarea {width:100%; height:300px;border:1px solid #E0E0E0;font-size:14px;}
.q .agree { position:relative; display:flex; justify-content: center; font-size:17px; font-weight: 700; }
.q .agree label { margin-right:7px; background-color: transparent; border: 2px solid #ADADAD; border-radius: 50%; cursor: pointer; height: 36px; left: 0; position: relative; width: 36px;}
.q .agree label:after {border: 3px solid #ADADAD;border-top: none;border-right: none;content: "";height: 12px;left: 6px;opacity: 0;position: absolute;top:8px;transform: rotate(302deg);width:17px;}
.q .agree input[type="checkbox"] {visibility: hidden;}
.q .agree input[type="checkbox"]:checked + label {background-color: transparent;border-color: #ADADAD;}
.q .agree input[type="checkbox"]:checked + label:after {opacity: 1;}
.q .agree span {line-height:31px;}
.q .btn-q {margin:25px auto 25px; width: 355px;height: 76px;
    background:url('../img/ico-btn-clip.png') 50px center no-repeat , linear-gradient(180deg, #6F56EA,#5136D6);
    border:0;color:#fff;font-size:24px;font-weight: bold;font-family:'NanumSquare' !important;display: flex;align-items: center;justify-content: center; background-img:url('../img/btn-ico-q.png') no-repeat; border-radius: 40px;}

/* hscode */
.page.hscode {}
.page.hscode .container {height: 100%;}
.page.hscode .contents { padding-top:40px; }
.page.hscode .contents .tit h1 {font-size:32px;}
.page.hscode .contents .tit .sub-tit {margin:20px 0;font-size:17px;}
.page.hscode .contents .tit h1,
.page.hscode .contents .tit .sub-tit {text-align: center;font-family: 'NanumSquare' !important;}
.page.hscode .search-wrap {padding:20px;background-color:#FAFAFA;}
.page.hscode .search-box .d-flex {align-items: center;}
.page.hscode .search-box input { margin-top:0px !important; margin-right:1.25rem; }
.page.hscode .search-box label {margin-right:1.25rem;}
.page.hscode .search-box label input[type=radio] {margin-right:0px !important;}
.page.hscode .btn.searchHsCode {padding: 0 calc(1.25rem + 1px) !important; background-color: rgb(111, 86, 234); font-weight: 600; height: 40px; color: #fff; border-radius: 5.525px; border:0;flex-shrink: 0 !important;}
.page.hscode .hscode-list h1 {font-weight:700; text-align: center; font-family: NanumSquare;display:none;}
/* .page.hscode .hscode-result .hscode-card {margin:10px;padding:20px;border: 1px solid #eff2f5;border-radius: 5px;background: #fff;} */
/* .page.hscode .hscode-result .hscode-card ul {padding-left:0;} */
/* .page.hscode .hscode-result .hscode-card ul li > ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} */
.page.hscode .hscode-result table {width:100%; border:1px solid #f7f7f7;border-collapse: collapse;border-top: 3px solid #333;border-bottom: 1px solid #333;}
.page.hscode .hscode-result table tr:nth-child(1) {background:#FAFAFA;}
.page.hscode .hscode-result table tr:nth-child(1) td:nth-child(1) {text-align: center;width:15%;}
.page.hscode .hscode-result table tr:nth-child(1) td:nth-child(2) {width:33%;}
.page.hscode .hscode-result table tr:nth-child(1) td:nth-child(3) {width:33%;}
.page.hscode .hscode-result table tr:nth-child(1) td:nth-child(4) {text-align: right;}
.page.hscode .hscode-result table tr {border-bottom: 1px solid #333;}
.page.hscode .hscode-result table tr td {padding:10px;}
.page.hscode .hscode-result table tr td .btn {height:auto;}
.page.hscode .hscode-result table tr td:nth-child(1) {text-align: center;}
.page.hscode .hscode-result span.bold {font-size:15px;}
.page.hscode .hscode-result .btn-box {text-align: right;}
/* .page.hscode .hscode-result > ul {margin:20px; } */
/* .page.hscode .hscode-result ul li {width:100%;} */
/* .page.hscode .hscode-result ul li > ul li {width:33%;margin-bottom:20px;font-size:14px;} */
/* .page.hscode .hscode-result ul li > ul li:nth-child(1) {width:10%;} */
.page.hscode .hscode-result button.btn {background-color: #FFF;color: #000;border: 1px solid rgb(111, 86, 234) !important;}
.page.hscode .retrieveTrrt {}
.page.hscode .retrieveTrrt h3::before {content: '';color: red;border-left: 3px solid;padding-left: 9px;}
.page.hscode .retrieveTrrt h3 {margin:20px 0;}
.page.hscode .tbl-retrieveTrrt {width:100%;margin-top: 20px;border-top: 3px solid rgb(111, 86, 234);}
.page.hscode .tbl-retrieveTrrt tr:first-child {border-bottom: 3px solid rgb(111, 86, 234);background: #FAFAFA;font-weight: bold;font-size: 16px;}
.page.hscode .tbl-retrieveTrrt td {width:33.3333%; text-align: center;padding: 10px;border: 1px solid #666;}


@media (max-width: 1400px){

}
@media (max-width: 1280px){
    .page.hscode .container {padding:20px;max-width: 100% !important;}
    .page.hscode .search-box form .col-lg-2 {width:auto;}
}
@media (max-width: 1024px){

}

@media screen and (max-width:992px) {
    .srvc_info h1, .q h1 {font-size:32px !important;}
    .loc .opa,
    .loc .box ul span.city {display:none;}
    .loc .box {position:relative !important;padding:10px;}
    .loc .box h1,
    .loc .box .sub-tit,
    .loc .box ul,
    .loc .box ul li {width:100% !important;}
    .loc .box ul p,
    .loc .box .sub-tit,
    .loc .box h1 {color:#181c32 !important;}
    .loc .box h1 { margin-top: 100px !important;font-size:32px !important; }
    .q .sub-tit {padding:10px;}
    .page.hscode .container {padding:20px;max-width: 100% !important;}
}

@media (max-width: 960px){
    .page.hscode .contents {margin-top:35px;}
}
@media (max-width:670px) { 
    .page.hscode .hscode-result .hscode-card ul {flex-wrap: wrap;}
    .page.hscode .hscode-result .hscode-card ul li {width:100%;}
    .page.hscode .hscode-result ul li > ul li:nth-child(1) {width:100%;}
}
@media (max-width:598px) {
    .inf-1 li {width:100% !important;}
    .inf-1 li .line2,
    .inf-1 li .line2-1,
    .inf-1 li:nth-child(3),
    .inf-1 li.pc {display:none !important;}
    .inf-1 li:nth-child(2),
    .inf-1 li:nth-child(7),
    .inf-1 li:nth-child(12),
    .inf-1 li.mo {margin-top:20px !important;}
    .inf-1 li:nth-child(4),
    .inf-1 li:nth-child(6),
    .inf-1 li:nth-child(11) {padding: 0 66px 0 29px !important;}
    .inf-1 li.mo {padding:0 !important;display:block;}
    .loc img.map {width:100% !important;}
    .page.hscode .container .contents .search-box form .search-section {flex-wrap: wrap;}
    .page.hscode .container .contents .search-box form .search-section button {margin-top:20px;width: 100%;}
}
@media (max-width: 480px){
    
    .index .container .contents { margin-top:0px; }    
    .loc .box ul p img {display:none;}
    .q .btn-q {width:90%;height:56px;}
    .q form ul {padding-left: 1rem;}
    .q form ul li { padding-right:1rem; }
    .page.hscode .menu li a {padding:10px;}    
    .page.hscode .contents {padding:10px;}
    .page.hscode .container .contents .search-box form .search-section button {margin-top:5px;}
    .page.hscode .search-box input {margin-top:10px !important;margin-right:0px !important; padding:15.5px 13px;}
    .page.hscode .hscode-result .hscode-card {margin:5px !important;}
    .page.hscode .hscode-result ul {margin:10px !important;}    
}