/* BASIC css start */
/* BASIC css start */
#ct, h1, h2, h3, h4, h5, h6, table, pre, xmp, plaintext, listing, input, textarea, select, button, a { font-size:19px; } 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } 

h1, .h1 { font-size: 1.778rem } 
h2, .h2 { font-size: 1.556rem } 
h3, .h3 { font-size: 1.444rem } 
h4, .h4 { font-size: 1.222rem } 
h5, .h5 { font-size: 1.111rem } 
h6, .h6 { font-size: 1rem; letter-spacing: 0; font-weight: 700 } 
.sm { font-size: .889rem !important } 
.txt-line { display: -webkit-box; overflow: hidden; max-height:3em; line-height: 1.5; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal } 
.font-jalnan { font-family: 'yg-jalnan'; } 

/* grid */
.container { max-width: 1230px } 
.container-sm { max-width: 600px } 
.container-lg { max-width: 1600px } 
.row.row-xs { margin-left: -.2rem; margin-right: -.2rem } 
.row.row-xs>[class*=col] { padding-left: .2rem; padding-right: .2rem } 


/* table */
.table-fixed { table-layout: fixed } 
.table { border-top: 1px solid #ccc; color:inherit } 
.table tr>* { text-align: center; border-top: 0; border-bottom: 1px solid #E5E5E5; padding:1.2em .889rem; max-width: 0 } 
.table thead th { font-size: .889em; border-bottom: 1px solid #E5E5E5 } 
.table .thead-light th { background: #f9f9f9 } 
.table-sm tr>* { font-size: .889rem } 
tfoot>tr>* { border: 0 !important } 
.table-responsive thead th { white-space: nowrap } 
.table-horizontal tr>* { text-align: left; padding: 1em 1.333em } 
.table-horizontal tbody th { background: #f9f9f9; text-align: center } 
.tb tr>* { padding:10px 10px 10px 0 } 
.tb td { width:100% } 


/*================== Sub ==================*/
.page-container { position: relative; min-height:calc(100vh - 120px); padding:0 0 120px; } 
.page-container>.container { position: relative } 
.page-hd { position: relative; padding:100px 20px 84px; background-position: 50% 50%; background-size: cover; text-align: center } 
.page-hd-bg { margin-bottom: 120px } 
.page-hd h2, .page-hd>.h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif !important; text-transform: uppercase } 
.page-hd h2+p { margin-top: .556em } 
/* .page-hd h1 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase } 
.page-hd h1+p { margin-top: .556em } */

.page-hd .page-hd-tit { font-size: 1em; font-weight: 400; } 
.page-hd .page-hd-tit .h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase; display: block; } 
.page-hd .page-hd-tit .h2+span { margin-top: .556em; display: block; } 


.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } 
.nav-link { display: block; } 


/* navs */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: inherit } 
.nav-pills { max-width: 600px; padding: 1.2em .5em; text-align: center; background-color: #f9f9f9; border-radius: 2rem; border: 0; margin: 0 auto 80px; font-size: .875em; flex-wrap: wrap; } 
.nav-pills .nav-item { position: relative; flex: 1; line-height: 1.1; letter-spacing: -.05em; white-space: nowrap } 
.nav-pills .nav-item h2 { font-size:1.111rem; font-weight: 400; } 
.nav-pills .nav-item a { color: #666; } 
.nav-pills:not(.nav-pills-step) .nav-item::after { content: ""; position: absolute; top:50%; right:0; width: 2px; height: 14px; transform: translateY(-50%); background-color:#E5E5E5; } 
.nav-pills .nav-item:last-child:after { content: none } 
.nav-pills .nav-link { padding: 1.2em .5em; margin: -1.2em 0; background: none !important; border-radius: 0; border: 0 } 
.nav-pills .nav-link:hover, .nav-pills .active { color:inherit!important; font-weight:700; } 
.nav-pills-step { max-width: 480px; margin-bottom: 60px } 
.nav-pills-step .active .num { font-weight: 600 } 
.nav-tabs { margin-bottom: 2.727em; border-bottom: 0 } 
.nav-tabs .nav-link { padding: 0 .5em 1.318em; line-height: 1.13; border: 0; border-bottom: 3px solid #F5F5F5; color: #666; letter-spacing: -.05em; font-size: 1.1em; background: none !important } 
.nav-tabs .nav-link.active { border-bottom-color: #333; font-weight: 800 } 
.nav-cate { display: flex; justify-content: center; margin: 0 -.8333rem 4rem; } 
.nav-cate li { width: 100%; padding: 0 10px } 
.nav-cate a { display: block; font-weight:500; text-align: center; color:#666 } 
.nav-cate div { display:inline-block; position: relative } 
.nav-cate div:before { content:''; position: absolute; top:-15%; left:0; width: 100%; height:130%; border-radius:9em; transform:scale(0); transition: .2s } 
.nav-cate i { position: relative; transition: .2s } 
.nav-cate span { display: block; margin-top:1em; font-size: 1rem; } 
.nav-cate a h3 { display: block; margin-top:1em; font-size: 1rem; font-weight: 500; } 
.nav-cate .active a,.nav-cate a:hover { color:#00a468 } 
.nav-cate .active i,.nav-cate a:hover i { filter: brightness(9) } 
.nav-cate .active div:before,.nav-cate a:hover div:before { background: #00a468; transform:scale(1) rotate(-45deg) } 
.nav-brand { overflow: hidden; overflow-x: auto; position: relative; margin:0 0 80px; text-align: center; white-space: nowrap } 
.nav-brand li { display: inline-block; padding:0 .5em; font-weight:500; color:#666 } 
.nav-brand img { display: block; height:50px; margin:0 auto } 
.nav-brand span { position: absolute; width:0; height:0; opacity:0 } 
/* lnb */
.brand-lnb-wrap { position: relative; z-index:30; margin:-40px 0 0; font-size: 1.222rem; font-weight:500; } 
.brand-lnb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow:hidden; border-radius:20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.08); background: #fff; text-align: center } 
.brand-lnb li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; position:relative; max-width: 100%; } 
.brand-lnb li h2 { font-size:1.222rem; font-weight: 500; } 
.brand-lnb li a { display: block; padding:23px 0 21px; border-bottom:3px solid transparent; font-weight:600 } 
.brand-lnb li+li::before { content:""; position: absolute; left:0px; top:50%; transform: translateY(-50%); width:1px; height:30%; background:rgba(0, 0, 0, 0.08); transition:all .4s } 
.brand-lnb .active a { border-color:#004738; color:#004738 } 



#MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;}
#faqWrap BLOCKQUOTE { margin-left:15px; }
#faqWrap BLOCKQUOTE.q1,
#faqWrap BLOCKQUOTE.q2,
#faqWrap BLOCKQUOTE.q3,
#faqWrap BLOCKQUOTE.q4,
#faqWrap BLOCKQUOTE.q5,
#faqWrap BLOCKQUOTE.q6,
#faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;}
#faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;}
#faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;}
#faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;}
#faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
#faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;}
#faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;}
#faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;}
/* FAQ°Ë»ö Æû */
#faqWrap .faq-tit { padding-bottom:5px; font-size:18px; color:#202020; font-weight:bold }
#faqWrap .faq-search { height:110px; text-align: center; border: 1px solid #d8d8d8; background:#fff }
#faqWrap .search-wrap { margin:30px auto 0; position:relative; width:812px }
#faqWrap .search-wrap .keyword input { padding-left:10px; width:483px; height:28px; line-height:28px; border:1px solid #ddd }
#faqWrap .search-wrap .select-category { width:183px; height:32px; font-size:14px; color:#7b7b7b; border:1px solid #ddd }
#faqWrap .search-wrap .btn-submit { width:118px; height:30px; font-size:13px; line-height:30px }

_:-ms-input-placeholder, :root #faqWrap .search-wrap .btn-submit { line-height:34px }

#faqWrap .search-wrap .best-keyword { position: absolute; left:192px; top:40px; width:495px }
#faqWrap .search-wrap .best-keyword dt,
#faqWrap .search-wrap .best-keyword dd,
#faqWrap .search-wrap .best-keyword dd ul,
#faqWrap .search-wrap .best-keyword dd ul li { display: inline; float: left; width: auto; height: 17px; font-size:14px; line-height: 17px; }
#faqWrap .search-wrap .best-keyword dt { color: #000 }
#faqWrap .search-wrap .best-keyword dd ul li { margin-left:5px }
#faqWrap .search-wrap .best-keyword dd ul li a { white-space: nowrap; font-size:14px; color: #7b7b7b; vertical-align:top }
/* faq ¸Þ´º */
#faq-category { margin-top:60px; padding:15px 0; border-bottom:1px solid #000; overflow:hidden }
#faqWrap .faq-menu { padding-left:1px; *zoom:1 }
#faqWrap .faq-menu:after { display:block; clear:both; content:'' }
#faqWrap .faq-menu li {padding:0 15px;float:left;white-space:nowrap;background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/bu_2x8.gif) 0 10px no-repeat;}
#faqWrap .faq-menu li.first { padding-left:0; background:none }
#faqWrap .faq-menu li a { font-size:13px }
#faqWrap .faq-menu li.now a { font-weight:bold }
/* faq ¸®½ºÆ® */
#faqWrap #faqTable {  }
#faqWrap #faqTable th,
#faqWrap #faqTable tr td { padding:15px 0; border-bottom: 1px solid #e9e9e9; background:#fff }
#faqWrap #faqTable tr.slide-hide td { border-bottom: 0px; }
#faqWrap #faqTable th { font-size:13px; font-weight:bold }
#faqWrap #faqTable td,
#faqWrap #faqTable td a { color:#343434 }
#faqWrap #faqTable td { cursor: pointer; }
#faqWrap #faqTable tr.slide-hide,
#faqWrap #faqTable tr.slide-hide dl { display: none; }
#faqWrap #faqTable tr.slide-show { display: table-rows; *display: block; }
#faqWrap #faqTable tr.slide-show dl { display: block; }
#faqWrap #faqTable tr.slide-hide td,
#faqWrap #faqTable tr.slide-show td { cursor: default; background:#fafafa !important }
#faqWrap #faqTable .tb-slide { padding: 0 20px; }
#faqWrap #faqTable .tb-slide a { text-decoration: underline; color : #800080; }
#faqWrap #faqTable .tb-slide ol,
#faqWrap #faqTable .tb-slide ul { margin-left:35px; }
#faqWrap #faqTable .tb-slide dl { position: relative; width: 100%; }
#faqWrap #faqTable td .tb-slide dl dt { position: absolute; left:10px; top:8px }
#faqWrap #faqTable td .tb-slide .qst dt { font-size:18px; color:#000; font-weight:bold }
#faqWrap #faqTable td .tb-slide .qst dd { color:#999 }
#faqWrap #faqTable td .tb-slide .adv dt { font-size:18px; color:#b17efe; font-weight:bold }
#faqWrap #faqTable td .tb-slide dl dd { margin-left:45px; padding:15px 0 }
#faqWrap #faqTable td .tb-slide dl.adv { margin-top: 5px; border-top: 1px dashed #e9e9e9; }
#faqWrap .pager { text-align: center; margin-top: 20px; }
#faqWrap .pager ol li { display: inline; padding: 0px 5px; }
#faqWrap .pager ol li img { margin-top: 2px; }
#faqWrap .pager ol li.first,
#faqWrap .pager ol li.next { padding-right: 0; }
#faqWrap .pager ol li.last,
#faqWrap .pager ol li.prev { padding-left: 0; }


/* Pagination */
.pagination { justify-content: center; align-items: center; margin-top: 3.333em; text-align: center; } 
.page-link { display: inline-block; width:2.2em; height:2.2em; padding: 0; border:0; border-radius:9em; background: none; font-size:1.2rem; line-height:2.2; text-align: center; color: #666; box-shadow: none !important; vertical-align: top } 
.page-link:hover { background: none; color:#00a468; } 
.page-link.active {background: var(--main-color);color:#fff;font-weight: 700} 
.page-link.prev, .page-link.next,.page-link.first, .page-link.last { width:2em; color: transparent; text-indent: -9999em; background-repeat: no-repeat; background-size: auto .7em; background-position:50% 50% } 
.page-link.prev { background-image: url(/design/ahngookthc/img/page-prev.svg); margin-right:.6em } 
.page-link.next { background-image: url(/design/ahngookthc/img/page-next.svg); margin-left:.6em } 
.page-link.first { background-image: url(/design/ahngookthc/img/page-first.svg); } 
.page-link.last { background-image: url(/design/ahngookthc/img/page-last.svg); } 


/* BASIC css end */


/* BASIC css end */