@charset "utf-8";

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #333;}  
.table-style table.border {border-top:2px solid #333;}
.table-style table td {padding:10px; height:90px; color:#555; font-weight:700; text-align:center; border:1px solid #ddd; border-top:0;} 
.table-style tr td.left {text-align:left; font-weight:400; padding:30px 50px;}
.table-style tr td .list {margin-bottom:-5px;}
.table-style tr td .list li {margin-bottom:5px;}
.table-style table th {font-size:18px; padding:10px; height:55px; color:#555; font-weight:700; text-align:center; border:1px solid #333; border-top:0; border-right:1px solid #ddd;} 
.table-style table .br {border-left:0; border-right:0;}
.table-style table .btn {display:inline-block; width:80px; height:40px; line-height:38px; border:1px solid #ddd; margin:0 auto; text-align:center;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.doc-cnt {margin-bottom:60px;}

.doc-indent {padding-left:0.5em;}

.s-cnt {margin-bottom:30px;}

.greetings {margin-top:60px;}
.greetings .img {} 
.greetings .lg-tit {font-size:26px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.154em; margin-top:50px;}
.greetings .txt-box {margin-top:50px;}
.greetings .txt-box .tt-box-flex {display:flex;}
.greetings .txt-box .tt-box-flex .tt-box {width:50%;} 
.greetings .txt-box .tt-box-flex .tt-box .txt {margin-bottom:30px;}
.greetings .txt-box .tt-box-flex .tt-box .sign {font-size:20px; font-weight:700; letter-spacing:-.025em; line-height:1.5em; color:#555; text-align:right;}

.organization {margin-top:70px;}
.organization .organization-list {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd;}
.organization .organization-list li {width:50%; padding:60px 0; padding-right:170px;}
.organization .organization-list li:first-child {width:100%; border-bottom:1px solid #dddd;}
.organization .organization-list li:nth-child(2) {padding-right:0; margin-right:-100px;}
.organization .organization-list li:last-child {margin-right:100px;}
.organization .organization-list li .tit {font-family: 'GmarketSansLight'; font-size:30px; color:#000; letter-spacing:0; margin-bottom:25px;}
.organization .organization-list li .tit strong {font-family: 'GmarketSansBold'; font-size:20px; font-weight:700; line-height:1.800em; display:inline-block; margin-right:15px;}
.organization .organization-list li .tel {font-family: 'GmarketSansBold'; font-size:20px; font-weight:700; letter-spacing:0; line-height:1.800em; margin-bottom:15px;}
.organization .organization-list li .tel span img {vertical-align:middle; margin-right:8px;}
.organization .organization-list li .business-ico {}
.organization .organization-list li .business-ico span img {vertical-align:middle; margin-right:8px;}
.organization .organization-list li .business-ico strong {}

.root_daum_roughmap {width:100% !important; height:600px !important;}
.root_daum_roughmap .wrap_map {height:600px !important;}

.location {display:flex; margin-top:50px; margin-left:25px;}
.location .tt-box {padding-left:20px; margin-bottom:-3px;}
.location .tt-box p {margin-bottom:3px;}
.location .tt-box p strong {}

.sub-cnt {margin-bottom:55px;}

.sub-tit {margin-bottom:15px;}
.sub-tit.mg {margin-bottom:10px;}
.sub-tit h4 {font-size:24px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.3em;}

.preview {}
.preview .tit {font-size:16px; font-weight:700; letter-spacing:-.025em; color:#555; line-height:1.75em; margin-bottom:12px;}
.preview .tit.mg {margin-bottom:10px;}
.preview .preview-list {}
.preview .preview-list li {}
.preview .preview-list li a {text-decoration:underline;}

.contacts {display:flex; align-items:center; border:1px solid #ddd; height:110px; padding-left:40px;}
.contacts .ico {margin-right:20px;}
.contacts .tit {font-size:24px; color:#333; font-weight:700; letter-spacing:-.025em;}
.contacts .tit a {text-decoration:underline;}
.contacts .tit strong {font-family: 'GmarketSansBold'; color:#555; font-size:20px; letter-spacing:-.025em; line-height:1.400em; margin-left:12px; display:inline-block;}

.lnbs {position:relative; z-index:2; margin:60px 0 80px; overflow:visible;} 
.lnbs ul {display:flex; border-bottom:0; border-top:0; max-width:1000px;}
.lnbs ul li {flex:auto; width:auto; position:relative; text-align:center; min-width:200px; max-width:200px;}   
.lnbs ul li a {font-size:20px; letter-spacing:-.03em; font-weight:700; color:#333; position:relative; display:flex; align-items:center; justify-content:center; height:60px; border:1px solid #ddd; border-left:0;}
.lnbs ul li:first-child a {border-left:1px solid #ddd;}
.lnbs ul li.active a {color:#fff; background:#497172;}  

/* #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/sub/fancy-close.png') !important;}
.fancybox-close {width:25px !important; height:25px !important; top:0 !important; right:-60px !important;}
.fancybox-inner {padding:40px 30px !important; background:#fff;}
 */
.information {}
.information .info-list {display:flex; flex-wrap:wrap; margin:0 -15px; margin-bottom:-25px;}
.information .info-list li {width:25%; padding:0 15px; margin-bottom:25px;}
.information .info-list li a {}
.information .info-list li a .img {}

.exhibition {text-align:center;}
.exhibition.mgt {margin-top:100px;}

.exibition-list {}
.exibition-list ul {}
.exibition-list ul li {margin-top:110px; text-align:center;}
.exibition-list ul li .num {font-family: 'GmarketSansBold'; color:#fff; font-size:36px; font-weight:700; letter-spacing:0; display:block; margin:0 auto; width:90px; line-height:100px; height:90px; background:#000; border-radius:50%; text-align:center;}
.exibition-list ul li .num.size {font-size:26px; width:110px; height:110px; line-height:120px;}
.exibition-list ul li .tit {font-size:30px; font-weight:700; color:#333; letter-spacing:0; line-height:1.3em; margin:25px 0 15px;}
.exibition-list ul li .txt {margin-bottom:30px;}
.exibition-list ul li .img {}

.step-list {background:#f2f2f2; border:1px solid #ddd; min-height:250px; padding:0 60px; display:flex; flex-direction:column; justify-content:center;}
.step-list ul {display:flex; justify-content:center; margin:0 -30px;} 
.step-list ul li {position:relative; width:25%; padding:0 40px; text-align:center; margin-top:30px;}
.step-list ul li:before {position:absolute; content:""; width:17px; height:27px; background:url('../images/sub/step-next.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-60px; right:-15px;}
.step-list ul li:last-child:before {display:none;}
.step-list ul li .tit {font-size:18px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.556em; margin:30px 0 5px;}
.step-list ul li .txt {line-height:1.500em;}

.application {display:flex; margin-bottom:25px;}
.application .ico {min-width:80px; text-align:center;}
.application .txt-box {margin-left:;}
.application .txt-box .tit {font-size:16px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.75em;}

.directory {display:flex; justify-content:space-between; align-items:center; background:#f2f2f2; border:1px solid #ddd; min-height:150px; padding:0 55px;}
.directory .directory-box {width:47.8%;}
.directory .directory-box .tit {font-size:20px; font-weight:600; color:#333; letter-spacing:0; line-height:1.3em; margin-bottom:25px;}
.directory .directory-box .directory-list {}
.directory .directory-box .directory-list ul {display:flex; margin-left:-10px;}
.directory .directory-box .directory-list ul li {width:calc(16.6666% - 10px); margin-left:10px;}
.directory .directory-box .directory-list ul li a {align-items:center; justify-content:center; background:#fff; display:flex; width:100%; height:44px; line-height:42px; border:1px solid #ddd; color:#555; font-size:16px; letter-spacing:0;}
.directory .directory-box .directory-list ul li a .ico-wrap {position:relative; width:16px; height:16px; margin-right:5px;}
.directory .directory-box .directory-list ul li a .ico-wrap .ico {position:absolute; top:0; left:0;}
.directory .directory-box .directory-list ul li a .ico-wrap .ico.hover {display:none;}
.directory .directory-box .directory-list ul li a .tit {}
.directory .directory-box .directory-list ul li.active a {background:#333; color:#fff; border:1px solid #333;}
.directory .directory-box .directory-list ul li.active a .ico-wrap .ico {display:none;}
.directory .directory-box .directory-list ul li.active a .ico-wrap .ico.hover {display:block;}
.directory .directory-s-box {}
.directory .directory-s-box .tit {font-size:20px; font-weight:600; color:#333; letter-spacing:0; line-height:1.3em; margin-bottom:25px;}
.directory .directory-s-box .board-search {margin-bottom:0;}
.directory .directory-s-box .board-search .search {float:none;}
.directory .directory-s-box .board-search .search input.input {width:400px;}

.collection-list {padding-top:40px; margin-top:30px; border-top:2px solid #000; padding-bottom:50px; border-bottom:1px solid #ddd;}
.collection-list ul {display:flex; flex-wrap:wrap; margin:0 -20px; margin-bottom:-50px;}
.collection-list ul li {width:25%; padding:0 20px; margin-bottom:50px;}
.collection-list ul li a {}
.collection-list ul li a .img {}
.collection-list ul li a .thumb {position:relative; height:0; padding-bottom:72%; overflow:hidden;}
.collection-list ul li a .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.collection-list ul li a .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.collection-list ul li a .tit {text-align:center; margin-top:15px; font-size:16px; font-weight:500; color:#555; letter-spacing:0; line-height:1.3em;}

.root_daum_roughmap {width:100% !important; height:600px !important;}
.root_daum_roughmap .wrap_map {height:600px !important;}

.product-summary { }
.product-summary .thumb {position:relative; height:0; padding-bottom:71.4%; overflow:hidden;}
.product-summary .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.product-summary .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.product-summary .slider-wrap {width:42.9%; margin-right:40px;}
.product-summary .slider-nav {margin-top:25px;} 
.product-summary .slider-nav .slick-list {margin:0 20px;}
.product-summary .slider-nav .slick-slide {padding:0 6px;}
.product-summary .slick-arrow {position:absolute; top:50%; margin-top:-10.5px; z-index:50; width:13px; height:21px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; transition:.2s; background-size:contain;}
.product-summary .slick-prev {left:0; background-image:url("../images/sub/pro-slide_prev.png");} 
.product-summary .slick-prev:hover {background-image:url("../images/sub/pro-slide_prev_w.png");}
.product-summary .slick-next {right:0; background-image:url("../images/sub/pro-slide_next.png");} 
.product-summary .slick-next:hover {background-image:url("../images/sub/pro-slide_next_w.png");}


/* 새로시작 */



.online-list{margin-bottom:70px;}
.online-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -50px;}
.online-list ul li{width:25%;padding:0 20px;margin-bottom:50px;text-align:center;}
.online-list ul li .cc{max-width:240px;width:100%;border-radius:50%;overflow:hidden;margin:0 auto;}
.online-list ul li .cc .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.online-list ul li .cc .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.online-list ul li .tit{margin-top:20px;font-weight:700;line-height:1.4em;}

.board-form .flex-input{display:flex;flex-wrap:wrap;}
.board-form .flex-input .col{display:flex;align-items:center;margin-right:30px;}
.board-form .flex-input .col:last-child{margin-right:0;}
.board-form .flex-input .col .txt{margin-right:13px;}
.board-form .flex-input .col .unit{margin-left:13px;}
.board-form .flex-wrap{display:flex;flex-wrap:wrap;align-items:center;}
.board-form .flex-wrap .flex-input{margin-right:36px;}
.board-form .radio-wrap .radiobox{margin-right:30px;}
.board-form .radio-wrap .radiobox:last-child{margin-right:0;}

.doc-board{padding-top:55px;border-top:2px solid #000;}
.doc-board ul{display:flex;flex-wrap:wrap;margin:0 -20px -45px;}
.doc-board ul li{width:25%;padding:0 20px;margin-bottom:45px;line-height:1.5em;}
.doc-board ul li .pic {position:relative; height:0; padding-bottom:75%; overflow:hidden;}
.doc-board ul li .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-board ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-board ul li .date{margin:15px 0;font-weight:500;}
.doc-board ul li .tit{font-weight:700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.doc-board.type2 ul li .pic{padding-bottom:141.563%;background-color:#c5d6d2;}
.doc-board.type2 ul li .pic img{object-fit: contain;}