@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500');

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Gothic+A1|Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Gothic+A1|Nanum+Gothic|Noto+Sans+KR');

/* {font-family:'Nanum Gothic', 'Malgun Gothic', 'Noto Sans', 'Gothic A1', 'Heebo', arial, sans-serif !important;}*/

/* common */
html,body,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td,select,input,textarea, button,a,li,h1,h2,h3,h4,h5,h6 {font-family:'Heebo','Malgun Gothic', arial, sans-serif; font-style:normal; font-weight:300; color:#555; word-break:keep-all; }

html, body{width:100%; min-width:320px; height:100%; position:relative; font-size:16px; letter-spacing:0px; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0; line-height:130%}
div, li, img, p, span {-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; word-break:keep-all}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
textarea, button{vertical-align:middle}
label{font-size:16px;}
textarea{vertical-align:middle; background:#fff; border:none; font-size:16px; appearance:none; box-shadow:none; border-radius:0; resize:none; box-sizing:padding-box; width:100%}
sup {font-size:50%}
a{text-decoration:none; cursor:pointer;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
a:hover, a:focus, a:active{text-decoration:none;}
a:hover {transform:translateY(-5px);}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-size:16px}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
::placeholder {color:#999; opacity:1;}
:-ms-input-placeholder {color:#999}
::-ms-input-placeholder {color:#999}

/* 폼 */
select{vertical-align:top; background:#fff; border:1px solid #e1e1e1; border-radius:0; font-size:16px}
input[type="text"], input[type="email"], input[type="tel"] {width:100%; height:32px; background:#fff; border:none; border-bottom:1px solid #ddd; font-size:16px}
input:focus, textarea:focus {outline:none}
input[type="checkbox"] {width:20px; height:20px; background-color:#fff; border:1px solid #ddd;}
input.borbox {border:1px solid #ddd; text-indent:10px}
.txarea {border:1px solid #ddd; padding:10px;}
.txarea.type2 textarea {height:100px}
.txarea textarea {width:100%}

.inputset {width:100%; margin-top:20px}
.inputset .dv3 {margin-top:5px;}
.inputset .dv3:after {content:" "; display:block; clear:both;}
.inputset .dv3 span {display:inline-block; float:left; height:34px; line-height:34px; margin:0 1%}
.inputset .dv3 span:nth-child(1) {width:20%; margin-left:0%}
.inputset .dv3 span:nth-child(2) {width:37%}
.inputset .dv3 span:nth-child(3) {width:37%}

.inputset .dv3-2 {margin-top:30px;}
.inputset .dv3-2:after {content:" "; display:block; clear:both;}
.inputset .dv3-2>span {display:inline-block; float:left; margin:0 1%; width:31.33%}
.inputset .dv3-2>span:nth-child(1) {margin-left:0%}
.inputset .dv3-2>span>span {font-size:14px; display:block}

.inputset .dv3-3 {margin-top:5px;}
.inputset .dv3-3:after {content:" "; display:block; clear:both;}
.inputset .dv3-3 span {display:inline-block; float:left; height:34px; line-height:34px; margin:0 1%}
.inputset .dv3-3 span:nth-child(1) {width:34%; margin-left:0%}
.inputset .dv3-3 span:nth-child(2) {width:40%}
.inputset .dv3-3 span:nth-child(3) {width:20%}
.inputset .dv3-3 .button {width:100%; padding:0px; text-align:center}

.inputset .dv4-mail {margin-top:5px;}
.inputset .dv4-mail:after {content:" "; display:block; clear:both;}
.inputset .dv4-mail span {display:inline-block; float:left; height:34px; line-height:34px; margin:0 1%}
.inputset .dv4-mail span:nth-child(1) {width:20%; margin-left:0%}
.inputset .dv4-mail span:nth-child(2) {width:29%}
.inputset .dv4-mail span:nth-child(3) {width:4%; text-align:center}
.inputset .dv4-mail span:nth-child(4) {width:39%}

.inputset .dv2 {margin-top:20px}
.inputset .dv2:after {content:" "; display:block; clear:both;}
.inputset .dv2>div {display:inline-block; float:left;}
.inputset .dv2 .agree {width:60%}
.inputset .dv2 .agree:after {content:" "; display:block; clear:both;}
.inputset .dv2 .agree p:nth-child(1) {display:inline-block; float:left; width:8%; max-width:40px;}
.inputset .dv2 .agree p:nth-child(2) {display:inline-block; float:left; width:89%}
.inputset .dv2 .agree p:nth-child(2) span {display:block; font-size:13px; line-height:120%; margin-top:7px}
.inputset .dv2 .secure {width:40%}
.inputset .dv2 .secure:after {content:" "; display:block; clear:both;}
.inputset .dv2 .secure input {border:1px solid #ddd; height:26px; margin-top:7px; text-indent:10px}
.inputset .dv2 .secure div:nth-child(1) {display:inline-block; float:left; width:50%; margin-right:5%}
.inputset .dv2 .secure div:nth-child(2) {display:inline-block; float:left; width:45%}

.inputset .dv2-2 {margin-top:5px;}
.inputset .dv2-2:after {content:" "; display:block; clear:both;}
.inputset .dv2-2 span {display:inline-block; float:left; height:34px; line-height:34px; margin:0 1%}
.inputset .dv2-2 span:nth-child(1) {width:20%; margin-left:0%}
.inputset .dv2-2 span:nth-child(2) {width:76%}

.inputset .txselec:after {content:" "; display:block; clear:both;}
.inputset .txselec>div {display:inline-block; float:left; height:34px; line-height:34px; margin:0 1%}
.inputset .txselec>div:nth-child(1) {width:35%; margin-left:0%}
.inputset .txselec>div:nth-child(2) {width:62%}
.inputset .txselec .select {max-width:100%}
.inputset .txselec.w25>div:nth-child(1) {width:20%; margin-left:0%}
.inputset .txselec.w25>div:nth-child(2) {width:76%}

.inputset .inputrow2 p {margin-top:10px}

/* 헤더 */
#header.posiab {/*position:absolute 풀메뉴가 헤더에 고정 안돼서 삭제*/}
#header {position:fixed; width:100%; height:75px; background:#fff; border-bottom:1px solid #ddd; z-index:998;}
#header * {-webkit-transition:0s; -moz-transition:0s; transition:0s;}
#header .hdbox {position:relative; height:75px; max-width:1200px; margin:0 auto}
#header .h1 {position:absolute; top:26px; left:20px;}
#header .h1>a {display:block; width:140px; height:25px; background:url(../img/toplogo_red.png) no-repeat; background-size:auto;}
#header .h1>a:hover {transform:translateY(0px)}

#header .icoset {display:block; position:absolute; right:20px; top:0px; height:75px;}
#header .icoset>a{display:inline-block; float:left; margin-left:12px; height:75px; color:#999; line-height:97px; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
#header .icoset>#mobileMenuBtn {display:none;}
#header .icoset a:hover {transform:translateY(-5px)}

/* 서브메뉴 */
#m-topmenu {display:none}
#m-submenu {display:none}

/*메뉴오픈 시 레드*/
#menubox {display:none; position:relative; width:100%; border-bottom:none; background:#cc0000; z-index:901; border-bottom:1px solid #cc0000}
#menuwrap {position:relative; max-width:1000px; margin:0px auto ; padding:20px 0px 20px}
#menuwrap a {color:#fff !important; transition:0.3s}
#menuwrap:after {content:" "; display:block; clear:both;}
#menuwrap .depth2 {display:inline-block; float:left; margin:1%}
#menuwrap .depth2:nth-child(1) {width:23%}
#menuwrap .depth2:nth-child(2) {width:25%}
#menuwrap .depth2:nth-child(3) {width:24%}
#menuwrap .depth2:nth-child(4) {width:20%}
#menuwrap .depth2:after {content:" "; display:block; clear:both;}
#menuwrap .depth2 li.topmenu {height:65px; line-height:65px; margin:0px}
#menuwrap .depth2 li.topmenu a {padding:0px; font-size:24px; font-weight:400; display:inline-block; color:#777; line-height:130%}
#menuwrap .depth2 li.topmenu .ico-arr-right {background:url(../img/icon_arrright_white.png); background-size:auto; vertical-align:middle; margin-left:5px;}
#menuwrap .depth2>li>a {display:block; padding:5px 0px 5px 0px; font-size:18px;}
#menuwrap .depth2>li>a.on{color:#cc0000; font-weight:400}
#menuwrap .depth2>li>a>.ico-minarr-down {width:9px; height:5px; color:#999; margin-left:5px; vertical-align:middle; background:url(../img/icon_minarr-white_down.png) no-repeat; background-size:100% 100%}
#menuwrap .depth2>li>a>.ico-minarr-up {width:9px; height:5px; font-size:12px; color:#cc0000; margin-left:5px; vertical-align:middle; background:url(../img/icon_minarr-white_up.png) no-repeat; background-size:100% 100%}
#menuwrap .depth3 {margin:5px 0px 15px}
#menuwrap .depth3 li {position:relative; margin:3px 0px 0px 20px; font-size:15px; display:block}
#menuwrap .depth3 li:hover {transform:translateY(-3px)}
#menuwrap .depth3 li .ico-cross {position:absolute; left:-14px;}
#menuwrap .depth3 li:hover .ico-cross {transform:rotate(360deg); transition:0.3s}

/* 레이아웃 */
#wrapper {width:100%; position:relative; width:100%; height:75px; max-width:100%;}
#cont {padding:0px 0px 60px; overflow:hidden}
#cont02 {padding:0px 0px 0px;}
.linebot {border-bottom:3px solid #fff !important}
.transit0 {-webkit-transition:0s !important; -moz-transition:0s !important; transition:0s !important}

/* 리스트 레이아웃 */
.lay2 {position:relative; max-width:1200px; margin:0 auto; padding:20px 0px; font-size:0px}
.lay2:after {content:" "; display:block; clear:both;}
.lay2>li {display:inline-block; padding:0px; width:50%; vertical-align:top; font-size:initial}
.lay2>li>div {margin-right:20px;}

.lay3 {position:relative; max-width:1200px; margin:0 auto; padding:20px 0px; font-size:0px}
.lay3:after {content:" "; display:block; clear:both;}
.lay3>li {display:inline-block; padding:0px 0px 20px; width:33.333%; -webkit-width:33% !important; vertical-align:top; font-size:initial}
.lay3>li>div {margin:0 10px; border:1px solid #eee;}

.lay4 {position:relative; max-width:1200px; margin:0 auto; padding:20px 0px; font-size:0px}
.lay4:after {content:" "; display:block; clear:both;}
.lay4>li {display:inline-block; padding:0px 0px 20px; width:25%; vertical-align:top; font-size:initial}
.lay4>li>div {margin:0px 10px; border:1px solid #eee;}

.lay6 {position:relative; max-width:1200px; margin:0 auto; padding:20px 0px; font-size:0px}
.lay6:after {content:" "; display:block; clear:both;}
.lay6>li {width:16.66%; display:inline-block; padding:0 0 20px; vertical-align:top; font-size:initial}
.lay6>li>div {margin:0 10px;}

/* 롤링배너 리스트 레이아웃 */
.roll-cen-240 {width:100%;}
.roll-cen-240>div {position:relative; margin:0 auto; overflow:hidden; height:150px;}
.roll-cen-240>div>ul {position:relative; display:block; text-align:center}
.roll-cen-240>div>ul:after {content:" "; display:block; clear:both;}
.roll-cen-240>div>ul>li {display:inline-block; width:240px; height:150px; vertical-align:top;}
.roll-cen-240>div>ul>li>div {margin:0 5px; height:150px; background:#f5f5f5; overflow:hidden}

.roll-left-150 {width:100%;}
.roll-left-150>div {position:relative; max-width:1200px; margin:0 auto; overflow:hidden; height:150px;}
.roll-left-150>div>ul {position:relative; display:block; top:0px;}
.roll-left-150>div>ul:after {content:" "; display:block; clear:both;}
.roll-left-150>div>ul>li {display:inline-block; float:left; width:150px;}
.roll-left-150>div>ul>li>div {margin:0 5px; height:150px; background:#f5f5f5;}

/* 콘텐츠섹션 레이아웃 - 시스템 */
.laytem {padding:75px 0px;}
.laytem>div {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.laytem>div>div {width:100%; display:table}
.laytem h3 {display:block !important; font-size:36px; line-height:130%; text-align:center; max-width:800px; margin:10px auto 20px}
.laytem h4 {display:block !important; font-size:24px; line-height:110%; text-align:center; margin:20px 0px}
.laytem h5 {display:block !important; font-size:20px; line-height:110%; text-align:center; margin:20px 0px}
.laytem p {display:block !important; font-size:16px; text-align:center; margin:20px 0px}
.laytem p.nospace {margin:30px 0px -10px}
.laytem img {width:auto; max-height:auto; max-width:100%; margin:20px 0px}
.laytem .vatop * {vertical-align:top !important}
.laytem .numli {display:block; text-align:left;}
.laytem .numli li {list-style:decimal; list-style-position:outside; margin:5px 0px 5px 20px;}
.laytem .jumli {display:block; text-align:left;}
.laytem .jumli li {list-style:url(../img/icon_dashed_list2.png); list-style-position:outside; margin:5px 0px 5px 20px;}
.laytem .dashli {display:block; text-align:left;}
.laytem .dashli li {list-style:url(../img/icon_dashed_list2.png); list-style-position:outside; margin:5px 0px 5px 20px;}

.type-col1 {display:block}
.type-col1>div>div {width:100%; display:block}
.type-col2>div>div {width:48%; display:table-cell; vertical-align:middle}
.type-col2>div>div:nth-child(1) {padding-right:2%}
.type-col2>div>div:nth-child(2) {padding-left:2%}
.type-col3>div>div {width:30%; display:table-cell; vertical-align:middle; padding:1.666%;}
.type-col4>div>div {width:23%; display:table-cell; vertical-align:middle; padding:1%;}
.type-col5>div>div {width:18%; display:table-cell; vertical-align:middle; padding:1%;}
.type-col6>div>div {width:14.66%; display:table-cell; vertical-align:middle; padding:1%;}

.type-col2-spec>div>div {width:48%; display:table-cell; vertical-align:top}
.type-col2-spec>div>div:nth-child(1) {padding-right:2%}
.type-col2-spec>div>div:nth-child(2) {padding-left:2%}
.type-col2-spec h3 {display:block; font-size:24px; border-bottom:1px solid #555; text-transform:uppercase; padding-bottom:10px; height:30px; text-align:left; margin-bottom:20px}
.type-col2-spec .tbl {border:none}
.type-col2-spec .tbl td {padding:5px 10px 5px 0px;}
.type-col2-spec .tbl .order td {padding:30px 10px 10px 0px;}
.type-col2-spec .tbl .order td:first-child {color:#cc0000}

/* 맨위로가기 버튼 */
#gotop {position:fixed; right:20px; bottom:90px; z-index:999;}
#gotop a {display:inline-block; width:60px; height:60px; line-height:76px; text-align:center; color:#fff; opacity:0.4; filter:alpha(opacity=40); border-radius:60px; background:url(../img/icon_arr_gotop.png) no-repeat center; background-color:#555; background-position:21px 14px}
#gotop a:hover {opacity:1; filter:alpha(opacity=100); border-radius:60px}

/* contact 버튼 */
#contact {position:fixed; right:20px; bottom:20px; z-index:999;}
#contact a {display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; opacity:0.4; filter:alpha(opacity=40); border-radius:60px; background:url(../img/icon_contact_white.png) no-repeat center; background-color:#555}
#contact a>span {display:none}
#contact a:hover {width:150px; opacity:1; filter:alpha(opacity=100); border-radius:60px; background:url(../img/icon_contact_white.png) no-repeat left 25px center; background-color:#cc0000}
#contact a:hover>span {display:inline-block; margin-left:40px}

/* 서브페이지 헤더 */
#subheader {width:100%; border-bottom:1px solid #ddd; height:200px;}
#subheader>div {position:relative; max-width:1200px; height:200px; margin:0 auto;}
#subheader>div .hdinfo {position:absolute; max-height:200px; top:50%; transform:translateY(-50%); left:120px;}
#subheader>div .hdinfo h2 {font-size:34px; color:#fff}
#subheader>div .hdinfo p {font-size:16px; color:#fff}

/* 디테일페이지 헤더 */
#detailheader {position:relative; width:100%; border-bottom:1px solid #ddd; background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-position:bottom -100px left 7%; background-size:auto 120%; background-color:#f3f3ee; overflow:hidden; min-height:350px}
#detailheader>div {position:relative; max-width:1200px; margin:0 auto}
#detailheader .linkset {position:relative; margin-top:30px; text-align:right; min-height:55px}
#detailheader .linkset ul {margin-top:10px}
#detailheader .linkset ul:after {content:" "; display:block; clear:both;}
#detailheader .linkset li {display:inline-block; float:right; margin:5px 0px 5px 5px}
#detailheader .linkset li>a {display:block; background:#cc0000;  width:40px; height:40px; border-radius:40px; line-height:55px; text-align:center;}
#detailheader .linkset li>span {display:inline-block; padding:5px 12px 5px; background:#fff; border:1px solid #ddd; border-radius:40px; line-height:15px; font-size:14px; text-align:center; color:#999}
#detailheader .linkset li>span.re {background:none; border:1px solid #cc0000; color:#cc0000; padding:4px 12px 4px;}
#detailheader .linkset>p {font-size:12px; color:#999;}
#detailheader .infoset {position:relative; left:55%; width:40%; text-align:center; margin:30px 0 40px}
#detailheader .infoset h3 {font-size:24px; margin-bottom:15px; font-weight:400}
#detailheader .infoset p {height:auto; overflow:hidden; margin-bottom:10px}
#detailheader .infoset a {display:inline-block}

#detailheader.conf {height:300px}
#detailheader.conf>div {top:50%; transform:translateY(-50%)}
#detailheader.conf .infoset {margin-top:0px}
#detailheader.conf .infoset h3 {margin-bottom:5px}
#detailheader.conf .infoset p {height:auto}
#detailheader.conf .infoset .date {font-size:18px; margin-top:20px}
#detailheader.conf .infoset .btn {margin-top:10px}
#detailheader-open {display:none; background-color:#e6e5e0; padding:30px 20px; border-bottom:1px solid #ddd}
#detailheader-open>p {max-width:1200px; margin:0 auto; height:auto}

/* 임시 디테일페이지 헤더 이미지 - 차후 admin으로 등록*/
#detailheader.hdimg_conf {background:url(../img/temp/conf_detail_tmb02.png) no-repeat; background-position:bottom -100px left 20%; background-size:auto 120%; background-color:#f5f5f5;}

/* 디테일섹션 레이아웃 - 텍스트 왼쪽 그림 오른쪽 */
#detail-left {width:100%; overflow:hidden}
#detail-left>div {position:relative; max-width:1200px; margin:0 auto; height:350px;}
#detail-left .infoset {position:relative; top:50%; transform:translateY(-50%); left:5%; width:45%; text-align:center;}
#detail-left .infoset h3 {font-size:36px; line-height:120%; margin-bottom:20px;}
#detail-left .subcopy {font-size:18px}

/* 디테일섹션 레이아웃 - 텍스트 오른쪽 그림 왼쪽 */
#detail-right {width:100%; overflow:hidden}
#detail-right>div {position:relative; max-width:1200px; margin:0 auto; height:350px;}
#detail-right .infoset {position:relative; top:50%; transform:translateY(-50%); left:55%; width:45%; text-align:center;}
#detail-right .infoset h3 {font-size:36px; line-height:120%; margin-bottom:20px;}
#detail-right .subcopy {font-size:18px}

/* 연관콘텐츠 */
#related {position:relative; width:100%; background-color:#9d9894; padding:40px 0px 10px; border-bottom:1px solid #fff}
#related>div {max-width:1200px; margin:0 auto; position:relative}
#related .hd24 {max-width:1180px; font-weight:300}
#related .lay6 {padding:15px 0px 0px}
#related .lay6>li>div>a:hover div{transform:translateY(-5px)}
#related .lay6>li>div>a:hover p{transform:translateY(-5px)}
#related .lay6 .img {width:100%; height:130px; background:url(../img/temp/product_main_tmb02.png) no-repeat; background-size:cover; background-position:center; background-color:#fff; margin-bottom:10px}
#related .lay6 p {color:#fff; font-size:15px}
#related .lay6 a {color:#fff; font-size:15px; display:block}
#related .lay6 .button {margin-top:10px;}
#related .arrmore {display:inline-block; position:absolute; width:100px; height:20px; line-height:13px; bottom:-31px; left:50%; transform:translateX(-50%); text-align:center; background-color:#9d9894; border:1px solid #fff; border-top:none;}
#related .arrmore .ico-minarr-down {background:url(../img/icon_minarr-white_down.png) no-repeat; background-size:100% 100%}
#related .linkicon {position:absolute; top:-15px; right:6px; width:192px;}
#related .linkicon:after {content:" "; display:block; clear:both;}
#related .linkicon li {display:inline-block; float:left; width:48px; height:38px; text-align:center; background-color:#938e8a; box-sizing:border-box; border:1px solid #b1aaa7; margin-left:-1px}
#related .linkicon li:hover {cursor:pointer; background-color:#7c7773}
#related .linkicon li img {width:26px; height:26px; margin-top:5px}
#related .linkicon li:nth-child(2) img {width:24px; height:24px; margin-top:6px}
#related .linkicon li:nth-child(3) img {width:23px; height:23px; margin-top:6px}

/* 푸터 */
#footer {background:#bbb; padding:30px 0px}
#footer a {transform:translateY(0px);}
#footer>div {position:relative; max-width:1160px; margin:0 auto; padding:0px 20px}
#footer>div:after {content:" "; display:block; clear:both;}
#footer .quicklink {display:inline-block; float:left; width:75%}
#footer .quicklink:first-child p:after {content:" "; display:block; clear:both;}
#footer .quicklink a {display:inline-block; float:left; margin:3px 15px 3px 0px; color:#fff; font-size:16px}
#footer .quicklink p {color:#fff; font-size:14px; margin-top:10px; color:#ddd}
#footer .regalnotice {position:relative; display:block; clear:both; padding-top:20px; max-width:800px;}
#footer .regalnotice p {color:#eee; font-size:12px}
#footer .country {display:inline-block; float:right; width:25%}
#footer .country>a {display:inline-block; text-align:right; margin-top:15px; float:right;}
#footer .country img {vertical-align:middle; margin-right:10px}
#footer .country span {vertical-align:middle; color:#fff; line-height:110%}
#footer .badge-parent {display:block !important; position:absolute !important; right:150px !important; top:3px !important}
#footer .grecaptcha-badge {transform:scale(0.7) !important; box-shadow:none !important; background:none !important; display:inline-block !important;}

/* 메인 상단 롤링 배너 */
#mainbnr {position:relative; width:100%; height:350px;}
#mainbnr .bnrlist {position:absolute; top:0px; left:0px; width:100%}
#mainbnr .bnrlist .bnrset {position:relative; overflow:hidden; width:100%; display:inline-block; float:left;}
#mainbnr .bnrlist .bnrset>div {position:relative; top:-5px; height:350px; max-width:1200px; margin:0 auto;}
#mainbnr .bnrlist .bnrset .bnrinfo {position:relative; top:45%; transform:translateY(-50%); left:80px; max-width:40%; color:#fff; z-index:801;}
#mainbnr .bnrlist .bnrset .bnrinfo h3 {font-size:22px; color:#fff}
#mainbnr .bnrlist .bnrset .bnrinfo h2 {font-size:50px; line-height:115%; color:#fff}
#mainbnr .bnrlist .bnrset .bnrinfo p {font-size:16px; color:#fff}
#mainbnr .bnrlist .bnrset .bnrinfo .button {height:27px; line-height:27px; padding:0px 20px; text-align:center}

/* 임시 제품,시스템 메인 상단 롤링 배너 - 각 클래스, 차후 어드민 등록*/
#mainbnr .bnrset.combnr {background-repeat:no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-pipeline {background-color:#f01701}
#mainbnr .bnrset.mbnr-pipeline>div {background:url(../img/img_mbnr_pipeline.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-benefit {background-color:#ff7119}
#mainbnr .bnrset.mbnr-benefit>div {background:url(../img/img_mbnr_benefit.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-highss {background-color:#349f00}
#mainbnr .bnrset.mbnr-highss>div {background:url(../img/img_mbnr_highss.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-oneplatform {background-color:#008bf0}
#mainbnr .bnrset.mbnr-oneplatform>div {background:url(../img/img_mbnr_oneplatform.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-oneday {background-color:#3028c9}
#mainbnr .bnrset.mbnr-oneday>div {background:url(../img/img_mbnr_oneday.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-flexible {background-color:#45009d}
#mainbnr .bnrset.mbnr-flexible>div {background:url(../img/img_mbnr_flexible.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-sampleinfo {background-color:#1e1071}
#mainbnr .bnrset.mbnr-sampleinfo>div {background:url(../img/img_mbnr_sampleinfo.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-news1 {background-color:#020307}
#mainbnr .bnrset.mbnr-news1>div {background:url(../img/img_mbnr_news1.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-news1 .bnrinfo {max-width:70%;}
#mainbnr .bnrset.mbnr-news1 .bnrinfo h2 {font-size:45px}
#mainbnr .bnrset.mbnr-news2 {background-color:#040306}
#mainbnr .bnrset.mbnr-news2>div {background:url(../img/img_mbnr_news2.png) no-repeat; background-size:cover; background-position:center}
#mainbnr .bnrset.mbnr-news2 .bnrinfo {max-width:70%;}
#mainbnr .bnrset.mbnr-news2 .bnrinfo h2 {font-size:45px}

/* 네비게이션 바 */
#lnb {position:relative; top:0; width:100%; height:56px; background:#fff; border-bottom:1px solid #ddd; z-index:997}
#lnb a:hover {transform:translateY(0px)}
#lnb .lnbbox {max-width:1200px; height:56px; margin:0 auto}
#lnb .lnbbox:after {content:" "; display:block; clear:both;}
#lnb .lnbbox>a {float:left; position:relative; display:inline-block; border-left:1px solid #ddd; border-right:1px solid #ddd; width:5%; height:56px; line-height:74px; text-align:center; font-size:20px; box-sizing:border-box}
#lnb .lnbbox>a>.scrollImg {position:absolute; top:0; left:0; display:none}
#lnb .lnbbox>div {display:inline-block; float:left; position:relative; height:56px; border-right:1px solid #ddd; box-sizing:border-box}
#lnb .lnbbox>div.oneD {width:25%;}
#lnb .lnbbox>div.twoD {width:25%;}
#lnb .lnbbox>div.threeD {width:45%}
#lnb .lnbbox>div>a {display:block; padding:0px 35px 0px 20px; height:56px; line-height:56px; background:url("../img/icon_minarr-grey_down.png") no-repeat right 20px top 50%; overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis;}
#lnb .lnbbox>div>a.on {background:url("../img/icon_minarr-grey_up.png") no-repeat right 20px top 50%}
#lnb .lnbbox>div>a.current {color:#cc0000; background:url("../img/icon_minarr-red_down.png") no-repeat right 20px top 50%}
#lnb .lnbbox>div>a.current.on {background:url("../img/icon_minarr-red_up.png") no-repeat right 20px top 50%}
#lnb .lnbbox>div>div {display:none; position:absolute; top:57px; left:-1px; padding:30px 0; width:100%; background:#f9f9f9; border:1px solid #ddd; border-top:0;}
#lnb .lnbbox>div>div>a {display:block; padding:0 30px; font-size:16px; line-height:1.3; margin-top:15px;}
#lnb .lnbbox>div>div>a:first-child {margin-top:0;}
#lnb .lnbbox>div>div>a.current {color:#cc0000}

/* 테이블 */
.tbl {padding:0px; margin:0px; border-collapse:collapse; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbl th, .tbl td {padding:10px 10px 10px 0px; text-align:left; border-collapse:collapse}
.tbl th {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.tbl.gyline th, .tbl.gyline td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 10px 20px 0px;}
.tbl.gyline td {padding-left:20px}
.tbl.gyline th.tit {background-color:#f5f5f5; padding-left:20px}

.tbl.mini th, .tbl.mini td {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 10px 7px 0px; font-size:14px}
.tbl.mini td {padding-left:15px}
.tbl.mini th.tit {background-color:#f5f5f5; padding-left:15px; color:#999}

/* 탭 - 기본 */
.tab {overflow:hidden; height:50px; background-color:#939393;}
.tab:after {content:" "; display:block; clear:both;}
.tab a:hover {transform:translateY(0px); opacity:0.8; filter:alpha(opacity=80);}
.tab li {display:inline-block; float:left;}
.tab li>a {display:block; background:#525452; color:#fff; font-size:20px; text-align:center; border-right:1px solid #fff; height:50px; line-height:50px; padding:0px 10px; box-sizing:padding-box}
.tab li>a.on {background:#fff; color:#555; border:1px solid #525451; border-bottom:none; margin-right:1px; font-weight:400}
.tab li>a.on:hover {opacity:1; filter:alpha(opacity=100);}
.tab li>a.ongrey {background:#f5f5f5; color:#555; border:1px solid #555; border-bottom:none; margin-right:1px; font-weight:400}
.tab.num2 li {min-width:50%; width:auto;}
.tab.num3 li {min-width:33.33%; width:auto;}
.tab.num4 li {min-width:25%; width:auto;}
.tab.num5 li {min-width:20%; width:auto;}
.tab.num6 li {min-width:16.66%; width:auto;}
.tab.num7 li {min-width:14.28%; width:auto;}
.tab.num8 li {min-width:12.5%; width:auto;}
.tab.num9 li {min-width:11.11%; width:auto;}
.tab.num10 li {min-width:10%; width:auto;}
.tab.num12 li {min-width:8.33%; width:auto;}

/* 탭 - 풀 레이아웃 */
.tablay-one {position:relative; max-width:1200px; margin:0 auto; overflow:hidden}
.tablay-one a:hover {transform:translateY(0px); opacity:0.8; filter:alpha(opacity=80);}
.tablay-one>div {position:relative; overflow:hidden}
.tablay-one>div:after {content:" "; display:block; clear:both;}
.tablay-one>div>a {display:block; position:absolute; top:0px; height:50px; width:50px; line-height:50px; background:#525452; box-sizing:border-box; border-right:1px solid #fff; text-align:center; font-size:20px; color:#fff; z-index:501}
.tablay-one>div>a.arr-left {left:0px; background-image:url(../img/icon_arrleft_white.png); background-repeat:no-repeat; background-position:center; background-size:auto}
.tablay-one>div>a.arr-right {right:0px; background-image:url(../img/icon_arrright_white.png); background-repeat:no-repeat; background-position:center; background-size:auto; border-left:1px solid #fff}
.tablay-one>div>div {margin:0px 50px;}
.tablay-one .tab.w100 {width:100%}
.tablay-one .tab li {display:block; float:none}
.tablay-one .tab li>a.on {background:#f5f5f5}
.tablay-one .tab .owl-item:last-child li a {border-right:none !important}

/* 탭 - 듀얼 레이아웃 */
.tablay-two {position:relative; max-width:1200px; margin:0 auto; overflow:hidden}
.tablay-two a:hover {transform:translateY(0px); opacity:0.8; filter:alpha(opacity=80);}
.tablay-two .tb-btn {position:absolute; z-index:500; right:0px; top:0px; width:50px; height:50px; text-align:center; background:#939393; box-sizing:border-box;}
.tablay-two .tb-btn i {position:relative; top:50%; transform:translateY(-50%);}
.tablay-two>div {position:relative; z-index:500; margin-right:50px; overflow:hidden}
.tablay-two>div:after {content:" "; display:block; clear:both;}
.tablay-two>div>div>a {display:block; position:absolute; top:0px; height:50px; width:50px; line-height:50px; background:#525452; box-sizing:border-box; border-right:1px solid #fff; text-align:center; font-size:20px; color:#fff; z-index:501}
.tablay-two>div>div>a.arr-left {left:0px; background-image:url(../img/icon_arrleft_white.png); background-repeat:no-repeat; background-position:center; background-size:auto}
.tablay-two>div>div>a.arr-right {right:0px; background-image:url(../img/icon_arrright_white.png); background-repeat:no-repeat; background-position:center; background-size:auto; border-left:1px solid #fff}
.tablay-two>div>div {margin:0px 50px}
.tablay-two .tab li {display:block; float:none}
.tablay-two .tab .owl-item li {background:#fff}
.tablay-two .tab .owl-item li #Seeplex {line-height:43px !important}
.tablay-two .tab .owl-item:last-child li a {border-right:none !important}
.tablay-two .tab .owl-item:last-child li a.on {border-right:1px solid #525451 !important}

/* 탭 - light 버전 */
.tab-light {position:relative; max-width:995px; margin:0 auto; overflow:hidden}
.tab-light a:hover {transform:translateY(0px); opacity:0.8; filter:alpha(opacity=80);}
.tab-light>div {position:relative;}
.tab-light>div:after {content:" "; display:block; clear:both;}
.tab-light>div>a {display:block; position:absolute; top:0px; width:35px; height:35px; line-height:35px; background:#fff; text-align:center; z-index:501}
.tab-light>div>a.arr-left {left:0px; background-image:url(../img/icon_arrleft_grey.png); background-repeat:no-repeat; background-position:center; background-size:auto}
.tab-light>div>a.arr-right {right:0px; background-image:url(../img/icon_arrright_grey.png); background-repeat:no-repeat; background-position:center; background-size:auto}
.tab-light>div>div {position:relative; margin:0px 35px; z-index:500}

.tab-light .tabli {background:#fff; height:35px;}
.tab-light .tabli:after {content:" "; display:block; clear:both;}
.tab-light .tabli>div>div {}
.tab-light .tabli>div>div>div {margin-right}
.tab-light .tabli>div>div>div>div>a {display:block; height:35px; line-height:35px; font-size:15px; background:#555; color:#fff; padding:0 10px; white-space:nowrap; text-align:center}
.tab-light .tabli>div>div>div>div>a.on {background:#cc0000; color:#fff;}

/* 카데고리 리스트형 메뉴 */
.catemenu {max-width:1200px; margin:0 auto; text-align:center}
.catemenu:after {content:" "; display:block; clear:both;}
.catemenu li {display:inline;}
.catemenu li a {display:inline-block; color:#999; font-size:18px; padding:5px 5px; margin:0 10px}
.catemenu li a.on {border-bottom:2px solid #333; color:#555; font-weight:400}

/* 이미지 페이지네이션 */
.imgpaging {max-width:1200px; margin:0 auto;}
.imgpaging .box {position:relative; height:30px; padding:15px 0px;}
.imgpaging .box .left {display:inline-block; position:absolute; left:0px;}
.imgpaging .box .right {display:inline-block; position:absolute; right:0px;}
.imgpaging .box>a:hover {transform:scale(1.2)}
.imgpaging .box .fa-chevron-left ,.imgpaging .box .fa-chevron-right {font-size:30px; color:#fff; transition:.1s}
.imgpaging .dot {position:relative; top:5px; text-align:center; max-width:1200px; margin:0px 40px;}
.imgpaging .dot a span {display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 2px; border:1px solid #fff; box-shadow:1px 1px 3px #555;}
.imgpaging .dot a:hover span {border:3px solid #fff; width:6px; height:6px;}
.imgpaging .dot a.on span {background:#fff}
.imgpaging .dot a.on:hover span {width:10px; height:10px; border:2px solid #fff}

.imgpaging.grey .box .fa-chevron-left ,.imgpaging.grey .box .fa-chevron-right {color:#888}
.imgpaging.grey .dot a span {border:1px solid #888; box-shadow:none;}
.imgpaging.grey .dot a:hover span {border:3px solid #888}
.imgpaging.grey .dot a.on span {background:#888}
.imgpaging.grey .dot a.on:hover span {border:2px solid #888}

.imgpaging2 {position:relative; width:100%; max-width:1200px; height:350px; margin:0 auto; overflow:hidden; z-index:801}
.imgpaging2 .arrowset {position:absolute; width:100%; top:0px; display:block;}
.imgpaging2 .arrowset a {width:60px; height:350px; line-height:350px;}
.imgpaging2 .arrowset .left {display:inline-block; position:absolute; left:0px; padding-left:20px}
.imgpaging2 .arrowset .right {display:inline-block; position:absolute; right:0px; padding-right:20px}
.imgpaging2 .arrowset .fa-chevron-left  {font-size:36px; color:#fff; transition:.1s}
.imgpaging2 .arrowset .fa-chevron-right {font-size:36px; color:#fff; transition:.1s}
.imgpaging2 .arrowset a:hover .fa-chevron-left {transform:scale(1.3)}
.imgpaging2 .arrowset a:hover .fa-chevron-right {transform:scale(1.3)}
.imgpaging2 .page {position:absolute; bottom:20px; text-align:center; width:100%}
.imgpaging2 .page span {display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 2px; border:1px solid #fff; box-shadow:1px 1px 0px #555;}
.imgpaging2 .page a:hover span {border:3px solid #fff; width:6px; height:6px;}
.imgpaging2 .page .on span {background:#fff}
.imgpaging2 .page a.on:hover span {width:10px; height:10px; border:2px solid #fff}

/* 이미지 겔러리 */
.imggllery {position:relative; height:350px;}
.imggllery>ul {position:absolute; top:0px; left:0px; width:100%; z-index:800}
.imggllery>ul>li {position:relative; overflow:hidden; height:350px; width:100%; background-size:cover; background-position:center}
/* 이미지 겔러리 - 임시 이미지 추후 삭제 */
.imggllery .ourstory {background:url(../img/temp/img_ourstory2.png); background-size:cover; background-position:center}

/* 콘텐츠 페이지네이션*/
.numberpaging {max-width:1200px; margin:0 auto; text-align:center;}
.numberpaging>a {display:inline-block; width:30px; height:30px; border-radius:30px; line-height:30px; border:1px solid #ddd; margin:0 3px; text-align:center; vertical-align:top; background:#fff}
.numberpaging>a.arr {border:none; opacity:0.4; filter:alpha(opacity=40)}
.numberpaging>a.arr:hover {background:#fff;  opacity:1; filter:alpha(opacity=100)}
.numberpaging>a>i {margin-top:1px;}
.numberpaging>a.on {background:#cc0000; color:#fff; border:1px solid #cc0000}
.numberpaging>a.on:hover {background:#b40000; border-color:#b40000}
.numberpaging>a:hover {transform:translateY(0px); background:#eee; border-color:#bbb;}

/* 더보기 */
.viewmore {max-width:1180px; margin:0 auto;}
.viewmore a {display:block; text-align:center; height:25px; line-height:25px; background:#fff; border:1px solid #eee; color:#aaa; font-size:22px}
.viewmore a:hover {border:1px solid #ccc; background:#eee; color:#555; transform:translateY(0px)}

/* 게시판 상세 페이지 템플릿 */
.bordetail {max-width:1200px; margin:40px auto 60px;}
.bordetail .borhd h3 {font-size:30px; margin-bottom:10px;}
.bordetail .borhd .date {color:#999; margin-bottom:30px}
.bordetail .borhd .btn {margin-bottom:10px}
.bordetail .borhd .btn a {margin:0px 5px 5px 0px}
.bordetail .borbody {padding:40px 0px; line-height:150%}
.bordetail .borbody p {width:auto !important; max-width:100% !important}
.bordetail .borbody img {width:auto !important; max-width:100% !important; height:auto !important; position:relative}
.bordetail .borbody.addline {border-top:1px solid #ddd}
.bordetail .borbody table {width:100% !important}

/* 아이콘 */
.ico-search {display:inline-block; width:32px; height:32px; background:url(../img/icon_search_grey.png) no-repeat; background-size:100% 100%}
.ico-global {display:inline-block; width:32px; height:32px; background:url(../img/icon_global_grey.png) no-repeat; background-size:100% 100%}
.ico-menubar {display:inline-block; width:32px; height:32px; background:url(../img/icon_menubar_grey.png) no-repeat; background-size:100% 100%}
.ico-close {display:inline-block; width:32px; height:32px; background:url(../img/icon_close_grey.png) no-repeat; background-size:100% 100%}
.ico-home {display:inline-block; width:32px; height:32px; background:url(../img/icon_home.png) no-repeat; background-size:100% 100%}
.ico-aboutus {display:inline-block; width:32px; height:32px; background:url(../img/ico_main_aboutus.png) no-repeat; background-size:100% 100%}
.ico-news {display:inline-block; width:32px; height:32px; background:url(../img/ico_main_news.png) no-repeat; background-size:100% 100%}
.ico-product {display:inline-block; width:32px; height:32px; background:url(../img/ico_main_product.png) no-repeat; background-size:100% 100%}
.ico-system {display:inline-block; width:32px; height:32px; background:url(../img/ico_main_system.png) no-repeat; background-size:100% 100%}
.ico-cross {display:inline-block; color:#fff; font-style:normal; margin-right:3px;}
.ico-contact {display:inline-block; width:32px; height:32px; background:url(../img/icon_contact_grey.png) no-repeat; background-size:100% 100%}
.ico-minarr-up {display:inline-block; width:13px; height:7px; background:url(../img/icon_minarr-red_up.png) no-repeat; background-size:100% 100%}
.ico-minarr-down {display:inline-block; width:13px; height:7px; background:url(../img/icon_minarr-grey_down.png) no-repeat; background-size:100% 100%}
.ico-arr-down {display:inline-block; width:17px; height:9px; background:url(../img/icon_arr_down_red.png) no-repeat; background-size:100% 100%}
.ico-arr-up {display:inline-block; width:17px; height:9px; background:url(../img/icon_arr_up_red.png) no-repeat; background-size:100% 100%}
.ico-question {display:inline-block; width:26px; height:26px; background:url(../img/icon_question_white.png) no-repeat; background-size:100% 100%}
.ico-approval {display:inline-block; width:26px; height:26px; background:url(../img/icon_approval_white.png) no-repeat; background-size:100% 100%}
.ico-print {display:inline-block; width:26px; height:26px; background:url(../img/icon_print_white.png) no-repeat; background-size:100% 100%}
.ico-pdf {display:inline-block; width:26px; height:26px; background:url(../img/icon_pdf_white.png) no-repeat; background-size:100% 100%}
.ico-arr-left {display:inline-block; width:26px; height:26px; background:url(../img/icon_arrleft_grey.png) no-repeat; background-size:100% 100%}
.ico-arr-left2 {display:inline-block; width:26px; height:26px; background:url(../img/icon_arrleft2_grey.png) no-repeat; background-size:100% 100%}
.ico-arr-right {display:inline-block; width:26px; height:26px; background:url(../img/icon_arrright_grey.png) no-repeat; background-size:100% 100%}
.ico-arr-right2 {display:inline-block; width:26px; height:26px; background:url(../img/icon_arrright2_grey.png) no-repeat; background-size:100% 100%}
.ico-arr-transgrey {display:inline-block; width:85px; height:24px; background:url(../img/ico_arrdown_transgrey.png) no-repeat; background-size:100% 100%}
.ico-pub-link {display:inline-block; width:15px; height:15px; margin-right:7px; background:url(../img/icon_pub_link.png) no-repeat; background-size:100% 100%}
.ico-pub-lock {display:inline-block; width:15px; height:15px; margin-right:7px; background:url(../img/icon_pub_lock.png) no-repeat; background-size:100% 100%}
.ico-pub-video {display:inline-block; width:15px; height:15px; margin-right:7px; background:url(../img/icon_pub_video.png) no-repeat; background-size:100% 100%}
.ico-pub-pdfview {display:inline-block; width:15px; height:15px; margin-right:7px; background:url(../img/icon_pub_pdfview.png) no-repeat; background-size:100% 100%}
.ico-refresh-grey {display:inline-block; width:26px; height:24px;  background:url(../img/icon_arr_rotate.png) no-repeat; background-size:100% 100%}
.ico-refresh-white {display:inline-block; width:28px; height:26px;  background:url(../img/icon_arr_rotate_white.png) no-repeat; background-size:100% 100%}

/* 블릿 */
.bull-new {display:inline-block; width:25px; height:25px; line-height:25px; border-radius:25px; text-align:center; background:#cc0000; color:#fff; font-size:13px; font-style: normal;}

/* 버튼 */
.btn-cen {text-align:center}
.button {display:inline-block; height:32px; line-height:32px; font-size:14px; padding:0px 25px; min-width:65px; border-radius:32px; -webkit-border-radius:32px; -moz-border-radius:32px; background:#fff; color:#555;}
.button:hover {transform:translateY(0px); background:#cc0000; color:#fff}
.button.red {background:#cc0000; color:#fff; border-color:#cc0000}
.button.red:hover {background:#a30000; border-color:#b40000}
.button.black {background:#555; color:#fff; border-color:#555;}
.button.black:hover {background:#555; border-color:#555;}
.button.line-white {border:1px solid #fff; background:none; color:#fff; box-sizing:border-box}
.button.line-white:hover {border:1px solid #cc0000; color:#cc0000}
.button.line-bk {border:1px solid #aaa; background:none; color:#999; box-sizing:border-box}
.button.line-bk:hover {border:1px solid #cc0000; color:#cc0000}
.button.mini {padding:0px 10px; min-width:0px; height:22px; line-height:22px; font-size:13px}
.button.min220 {min-width:220px;}

/* 링크 */
.link-red:hover {color:#cc0000; text-decoration:underline}

/*셀렉트박스*/
.select {position:relative; z-index:900; display:inline-block; height:38px; width:100%; max-width:200px; border:1px solid #ddd; background:#fff;}
.select a:hover {transform:translateY(0px)}
.select>a {display:block; height:38px; line-height:38px; font-size:16px; text-indent:10px; padding-right:20px; background:url(../img/icon_minarr-grey_down.png) no-repeat; background-position:top 16px right 10px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.select>ul {display:none; position:absolute; left:-1px; border:none; height:38px; width:100%; padding:0px; margin:0px; height:150px; background:#fff; overflow-y:scroll; overflow-x:hidden; border:1px solid #ddd; border-top:none;}
.select>ul>li {display:block}
.select>ul>li>a {display:block; padding:0px; line-height:130%; font-size:16px; padding:5px 10px; text-align:left}

.select.white {border:1px solid #fff; background:none}
.select.white>a {background:url(../img/icon_minarr-white_down.png) no-repeat; background-position:top 16px right 10px; color:#fff}

.flexselect {max-width:1200px; margin:80px auto 20px; padding:0 20px}
.flexselect:after {content:""; display:block; clear:both}
.flexselect>div {float:right}
.flexselect .two {width:70%;}
.flexselect .two:after {content:""; display:block; clear:both}
.flexselect .two .select {max-width:none; width:45%; margin:0 2% 0 0; float:right; z-index:500}
.flexselect .two .select>a {white-space:nowrap; text-overflow:ellipsis; padding-right:20px; overflow:hidden}

/* 간격 */
.t0{margin-top:0px !important}
.t5{margin-top:5px !important}
.t10{margin-top:10px !important}
.t15{margin-top:15px !important}
.t18{margin-top:18px !important}
.t20{margin-top:20px !important}
.t25{margin-top:25px !important}
.t30{margin-top:30px !important}
.t35{margin-top:35px !important}
.t40{margin-top:40px !important}
.t45{margin-top:45px !important}
.t50{margin-top:50px !important}
.t55{margin-top:55px !important}
.t60{margin-top:60px !important}
.t65{margin-top:65px !important}
.t70{margin-top:70px !important}
.t100{margin-top:100px !important}
.b10{margin-bottom:10px !important}
.b20{margin-bottom:20px !important}
.b50{margin-bottom:50px !important}
.l10 {margin-right:10px !important}
.l20 {margin-right:20px !important}
.tp30{padding-top:30px !important}
.tb30{padding-bottom:30px !important}

.disB {display:block !important}
.disIB {display:inline-block !important}
.disN {display:none !important}
.disT {display:table !important}

.mxW900 {max-width:900px; margin:0 auto}
.mxW900 {max-width:1000px; margin:0 auto;}
.mxW1200 {max-width:1200px; margin:0 auto; padding:0 20px;}
.h250 {height:250px}

/* 정렬 */
.center {text-align:center !important}
.right {text-align:right !important}
.left {text-align:left !important}
.verT {vertical-align:top !important;}
.verM {vertical-align:middle !important;}
.overF {width:100%; overflow:hidden;}
.overV {overflow:visible !important;}
.fl {float:left;}
.fr {float:right;}
.clear {content:""; clear:both; display:block !important}
.clear:after{content:""; clear:both; display:block !important}
.posi-re {position:relative !important}
.posi-ab {position:absolute !important}
.posi-fix {position:fixed !important}

/*color, bg, font */
.bold {font-weight:500 !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs28 {font-size:28px !important;}
.fs30 {font-size:30px !important;}
.fw100 {font-weight:100 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.fw900 {font-weight:900 !important;}
.pt01 {color:#cc0000}
.pt02 {color:#555}
.pt03 {color:#999}
.pt04 {color:#fff}
.pt05 {color:#ffcf5c}
.bg-white {background-color:#fff !important}
.bg-grey {background-color:#f5f5f5 !important}
.bg-grey2 {background-color:#f0eeed !important}
.bg-red1 {background-color:#cc0000 !important}
.bg-red2 {background-color:#fce7e2 !important}
.bg-green1 {background-color:#eef2f0 !important}
.bg-green2 {background-color:#dfebe5 !important}
.bg-green3 {background-color:#f4f5f1 !important}
.bg-blue1 {background-color:#e7f2f3 !important}
.bg-blue2 {background-color:#ebf2f2 !important}
.bg-blue3 {background-color:#d9e7ec !important}
.bg-blue4 {background-color:#e3eeec !important}
.bg-blue5 {background-color:#f1f6f6 !important}
.bg-yellow1 {background-color:#fff7ea !important}
.bg-yellow2 {background-color:#fcf8f3 !important}
.bg-yellow3 {background-color:#fbf9f5 !important}
.bg-yellow4 {background-color:#f4f4f0 !important}
.bg-yellow5 {background-color:#fbf9f5 !important}
.bg-yellow6 {background-color:#f8f5f2 !important}
.msover_line:hover {text-decoration:underline !important}

/* 타이틀, 서브타이틀 */
h1, h2, h3, h4, h5, h6 {color:#555}
.hd36 {font-size:36px; display:block; text-transform:uppercase;}
.hd36-low {font-size:36px; text-align:center; line-height:120%}
.subtxt24 {font-size:24px; text-align:center}
.subtxt18 {font-size:18px; text-align:center}
.hd24 {display:block; font-size:24px; display:block; max-width:1200px; margin:0 auto; text-transform:uppercase; font-weight:400}
.hdline24 {display:block; font-size:24px; display:block; border-bottom:1px solid #555; max-width:1200px; margin:0 auto; text-transform:uppercase; padding-bottom:10px; font-weight:400}
.hdtit {display:inline-block; margin-right:10px;}
.hdinfo {font-size:12px; display:inline-block}
.subtit {text-align:center; font-size:18px; margin:0 20px}
.pagetitle {max-width:1180px; margin:50px auto 0px; font-size:40px; padding:0 10px; position:relative}
.pagetitle:after {content:" "; display:block; clear:both;}
.pagetitle span {font-size:16px; color:#999}
.pagetitle.type2 {max-width:1200px; padding:0px; clear:both}
.pagetitle.type3 {max-width:1180px; padding:0px}
.pagetitle .lefthd {width:70%; display:inline-block; float:left; line-height:15px; padding-top:12px}
.pagetitle .selc {width:30%; display:inline-block; float:left; text-align:right; line-height:0px}
.pagetitle.type4 {max-width:1200px; padding:0px}
.pagetitle.type4 .lefthd {width:50%; display:inline-block; float:left; line-height:15px; padding-top:12px; line-height:100%; margin-top:-15px}
.pagetitle.type4 .selc {width:50%; display:inline-block; float:left; text-align:right}
.pagetitle.type4 .selc .select {width:48%; max-width:200px}


/* Contact */
#detailheader.conta-hd {background:url(../img/img_contact_tree.png) no-repeat !important; background-position:center bottom -40% !important; min-height:370px !important; background-color:#f3f3ee !important}
#detailheader.conta-hd .infoset {position:relative; left:0 !important; top:305px !important; width:45%; text-align:center; margin:0 auto !important}
#detailheader.conta-hd .infoset p {height:auto; overflow:hidden; margin-bottom:10px}
.goochatlay .button {margin:5px; min-width:200px;}

.contactus>div {position:relative; max-width:1200px; margin:0 auto; padding:60px 20px 20px}
.contactus>div h3 {margin-bottom:20px}
.contactus .tab-light {margin-top:30px}
.contactus .secode>div {width:650px; margin:50px auto}
.contactus .secode>div:after {content:" "; display:block; clear:both}
.contactus .secode>div>div {display:inline-block; float:left;}
.contactus .secode>div>div:nth-child(1) {width:25%; margin-top:8px}
.contactus .secode>div>div:nth-child(2) {width:50%}
.contactus .secode>div>div:nth-child(2) input {width:90%; height:30px; margin-top:5px;}
.contactus .secode>div>div:nth-child(2) p {margin-bottom:5px}
.contactus .secode>div>div:nth-child(2) span {font-size:13px; color:#999}
.contactus .secode>div>div h4 {font-size:22px}
.contactus .button {width:150px; margin:0px 5px}

/* 메인게이트 */
.mgate-wrap {width:100%}
.mgate-wrap .adbox {position:absolute; z-index:501; width:100%; height:0px;}
.mgate-wrap .adbox>div {max-width:1200px; margin:0 auto;}
.mgate-wrap .ad {display:inline-block; float:right; max-width:250px; height:470px; width:25%; background:url(../img/temp/img_gate_ad_temp.png) no-repeat; background-size:cover; background-position:center bottom; z-index:498}
.mgate-wrap .ad>div {color:#fff; text-align:center; margin:60px 15px}
.mgate-wrap .ad>div p {color:#fff}
.mgate-wrap .ad>div .mg1 {font-size:14px;}
.mgate-wrap .ad>div .mg2 {font-size:24px; margin:15px 0}
.mgate-wrap .ad>div .mg3 {font-size:13px;}
.mgate-wrap.full .visual {display:block; float:none; width:100%}
.mgate-wrap.full .visual .img img {margin-left:-10%; width:auto; max-width:auto; height:100%}
.mgate-wrap.full .visual .vi-info { width:50%}
.mgate-wrap.full .ad {display:none}

.mgate-bnr {position:relative; z-index:500}
.mgate-bnr {overflow:hidden;}
.mgate-bnr>div>div {overflow:hidden; height:470px}
.mgate-bnr>div>div:after {content:" "; display:block; clear:both}
.mgate-bnr>div>div>div {width:100%; display:inline-block; overflow:hidden}
.mgate-bnr>div>div>div>div>div {max-width:1200px; margin:0 auto}
.mgate-bnr>div>div>div>div>div:after {content:" "; display:block; clear:both}
.mgate-bnr>div>div>div>div.br01 {background:url(../img/img_gate_roll01_bg.png) no-repeat; -moz-background:url(../img/img_gate_roll01_bg.png) no-repeat; -webkit-background:url(../img/img_gate_roll01_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br02 {background:url(../img/img_gate_roll02_bg.png) no-repeat; -webkit-background:url(../img/img_gate_roll02_bg.png) no-repeat; -moz-background:url(../img/img_gate_roll02_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br03 {background:url(../img/img_gate_roll03_bg.png) no-repeat; -webkit-background:url(../img/img_gate_roll03_bg.png) no-repeat; -moz-background:url(../img/img_gate_roll03_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br04 {background:url(../img/img_gate_roll04_bg.png) no-repeat; -webkit-background:url(../img/img_gate_roll04_bg.png) no-repeat; -moz-background:url(../img/img_gate_roll04_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br05 {background:url(/upload/images/covid19/img_gate_roll_corona19_bg.png) no-repeat; -webkit-background:url(/upload/images/covid19/img_gate_roll_corona19_bg.png) no-repeat; -moz-background:url(/upload/images/covid19/img_gate_roll_corona19_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br06 {background:url(/upload/images/covid19/img_gate_roll_corona19_kr_bg.png) no-repeat; -webkit-background:url(/upload/images/covid19/img_gate_roll_corona19_kr_bg.png) no-repeat; -moz-background:url(/upload/images/covid19/img_gate_roll_corona19_kr_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr>div>div>div>div.br07 {background:url(/upload/images/covid19/img_gate_roll_hpv_bg.png) no-repeat; -webkit-background:url(/upload/images/covid19/img_gate_roll_hpv_bg.png) no-repeat; -moz-background:url(/upload/images/covid19/img_gate_roll_hpv_bg.png) no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; -webkit-background-position:center; -moz-background-position:center;}
.mgate-bnr .visual {position:relative; display:inline-block; width:75%; height:470px; z-index:499; /*overflow:hidden;*/ }
.mgate-bnr .visual:after {content:" "; display:block; clear:both}
.mgate-bnr .visual .img {position:relative; margin-left:-10%; bottom:0px; height:470px; width:75%; z-index:500}
.mgate-bnr .visual .img img {position:absolute; bottom:0px; width:100%; max-width:800px}
.mgate-bnr .visual .vi-info {position:absolute; right:25px; top:50%; transform:translateY(-50%); z-index:501; max-width:50%}
.mgate-bnr .visual .vi-info p {font-size:40px; color:#fff; text-align:center; line-height:110%; font-weight:100}
.mgate-bnr .visual .vi-info p.sub {font-size:15px; margin-top:10px}
.mgate-bnr .visual .vi-info .subimg {width:100%; text-align:center; margin-bottom:5px}
.mgate-bnr .visual .vi-info .subimg img {width:auto; margin:0 auto;}

.mgate-cont>div {max-width:1200px; margin:0 auto; padding:0px 0px}
.mgate-cont>div:after {content:" "; display:block; clear:both}
.mgate-cont>div>div {position:relative; display:inline-block; float:left; width:25%; height:280px}
.mgate-cont .mslider {height:280px; width:auto; background:#f6f6f6; margin-right:1px}
.mgate-cont #bbsMain>div:last-child .mslider {margin-right:0px}
.mgate-cont>div>div:nth-child(1) .mslider {background:#fff}
.mgate-cont>div>div:nth-child(3) .mslider {background:#fff}
.mgate-cont .mslider .item {cursor:pointer; max-width:299px}
.mgate-cont .mslider .item .img {position:relative; overflow:hidden; height:auto; border-radius:5px; margin:10%; margin-bottom:none}
.mgate-cont .mslider .item .img img {position:relative; left:0px; top:0px; height:auto; width:100%; max-width:240px; max-height:109px; margin:0 auto;}
.mgate-cont .mslider .item h3 {text-align:center; font-size:16px; line-height:20px; height:60px; overflow:hidden; margin-top:20px; margin-bottom:80px; margin-left:10%; margin-right:10%}

.mgate_quick {background:#272828; position:relative; z-index:899}
.mgate_quick>div {max-width:1100px; margin:0 auto; text-align:center; position:relative}
.mgate_quick>div:after {content:" "; display:block; clear:both}
.mgate_quick>div>div {display:inline-block; float:left; width:14%; height:65px; line-height:65px; margin-right:3%; white-space:nowrap; color:#999; position:relative}
.mgate_quick>div>div:hover {cursor:pointer;}
.mgate_quick>div>div:hover span {color:#fff; font-weight:400}
.mgate_quick>div>div:last-child {margin-right:0%}
.mgate_quick>div>div>img {margin-right:5%; vertical-align:middle}
.mgate_quick>div>div>span {display:inline-block;}

.mgate_quick .arcd {position:absolute; width:auto; height:auto; bottom:65px; left:0px; background:#555; z-index:899; padding:5px 0px; display:none}
.mgate_quick .arcd>ul>li {text-align:left;}
.mgate_quick .arcd>ul>li>a {display:block; padding:5px 20px; color:#ccc; font-size:15px; min-width:170px; text-align:justify}
.mgate_quick .arcd>ul>li>a:hover {background-color:#444; transform:translateY(0px); color:#fff}
.mgate_quick .bnrfullup {right:-50px; left:auto}
.mgate_quick .bnrfullup>ul>li>a {padding:5px 10px; width:inherit}
.mgate_quick .bnrfullup>ul>li img {width:inherit; height:auto;}
.mgate_quick .bnrfullup>ul>li>a:hover {background-color:inherit}

/*툴팁*/
.tiplink {display:inline-block; font-size:11px;}
.tiplink a:hover {color:#cc0000; font-weight:400}
.ui-tooltip, .arrow:after {background:#fff; border:1px solid #bbb}
.ui-tooltip {padding:10px 20px; color:#777 !important; font:400 13px "Heebo", "Malgun Gothic", arial, sans-serif !important; box-shadow:0 0 10px #ccc; max-width:200px}
.arrow {width:70px; height:16px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:-16px;}
.arrow.top {top:-16px; bottom:auto}
.arrow.left {left:20%}
.arrow:after {content: ""; position:absolute; left:20px; top:-20px; width:25px; height:25px; box-shadow:6px 5px 9px -9px #f5f5f5; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.arrow.top:after {bottom:-20px; top:auto;}

/* 에러페이지 */
.errormsg {width:100%; background:#007ad1; margin-top:0px; border-bottom:1px solid #fff}
.errormsg>div {position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden}
.errormsg>div .msgset {position:relative; padding:9% 5%; width:40%}
.errormsg>div .msgset h1 {color:#fff; font-weight:100; font-size:45px}
.errormsg>div .msgset .subinfo {font-size:20px; color:#fff; margin:30px 0px}
.errormsg>div .msgset .gonew li {margin-bottom:10px}
.errormsg>div .msgset .gonew a {font-size:20px; color:#fff}
.errormsg>div .img {position:absolute; right:0px; bottom:0px; width:50%}
.errormsg>div .img img {max-width:554px; width:100%}


/*-------------------------------- 미디어쿼리 ---------------------------------*/
@media all and (max-width:1200px){
    #menuwrap {margin:0px 40px}

    .imgpaging .box .left {left:20px}
    .imgpaging .box .right {right:20px}

    #subheader>div .hdinfo {margin:0px 20px}

    .tablay-one .tb-btn {right:20px}
    .tablay-one>div {margin:0px 20px}
    .tablay-two .tb-btn {right:20px}
    .tablay-two>div {margin:0px 70px 0px 20px}

    #detailheader .linkset {margin:30px 20px 0px}
    #detailheader .infoset {left:53%}

    .hdline24 {margin:0 20px;}
    .hd24 {margin:0 20px;}
    .pagetitle {margin:40px 20px 0px; padding:0px;}

    .lay3 {margin:0 10px}
    .lay4 {margin:0 10px}
    .lay6 {margin:0 10px}
    .laytem {padding:60px 20px}

    #related .linkicon {right:14px}

    .numberpaging {margin:0 20px}
    .bordetail {margin:40px 20px 60px;}
    .viewmore {margin:0 20px;}

    .mgate_quick>div {margin:0 20px}
	.mgate_quick .bnrfullup {right:-25px; left:auto}

    #detailheader {background-position:bottom -70px left -5% !important; background-size:auto 95% !important;}

}


@media all and (max-width:1000px){
    #mainbnr .bnrlist .bnrset .bnrinfo h3 {font-size:18px}
    #mainbnr .bnrlist .bnrset .bnrinfo h2 {font-size:40px}
    #mainbnr .bnrlist .bnrset .bnrinfo p {font-size:15px}

    .mgate-wrap .ad {height:370px; width:30%}
    .mgate-wrap .ad>div {margin:40px 10px}
    .mgate-wrap .ad>div .mg1 {font-size:13px;}
    .mgate-wrap .ad>div .mg2 {font-size:20px; margin:10px 0}
    .mgate-wrap .ad>div .mg3 {font-size:13px;}

    .mgate-bnr>div>div {height:370px}
    .mgate-bnr .visual {width:70%; height:370px; overflow:hidden}
    .mgate-bnr .visual .img {height:370px; margin-left:10%; width:100%}
    .mgate-bnr .visual .img img {width:100%; margin-left:-20%}
    .mgate-bnr .visual .vi-info {right:20px; top:47%; max-width:80%}
    .mgate-bnr .visual .vi-info p {font-size:30px}
	.mgate-bnr .visual .vi-info p.sub {font-size:14px}
    .mgate-bnr .visual .vi-info .subimg img {width:45%; max-width:100px}
    .mgate-bnr .visual .imgpaging {position:absolute; bottom:0px; width:100%; z-index:502}

    .mgate_quick>div>div {height:55px; line-height:55px; margin-right:3%;}
    .mgate_quick>div>div>img {margin-right:3%; width:30px; vertical-align:middle}
    .mgate_quick>div>div>span {font-size:15px}

	.mgate_quick .arcd {bottom:55px; left:-20px}
	.mgate_quick .arcd>ul>li>a {font-size:14px; min-width:130px;}

	.mgate_quick .bnrfullup {right:-20px; left:auto}
	.mgate_quick .bnrfullup>ul>li>a {padding:5px 10px; width:inherit; min-width:200px}
	.mgate_quick .bnrfullup>ul>li img {width:100%; height:auto;}

	#footer .badge-parent {display:block !important; position:relative !important; right:0px !important; left:0px !important; top:-8px !important; height:40px !important; clear:both !important;}
	#footer .grecaptcha-badge {transform:scale(0.7) !important; box-shadow:none !important; background:none !important; display:inline-block !important; position:absolute !important; right:-40px !important}

	.flexselect {margin:50px auto 10px}
	.flexselect .two {width:100%;}
	.flexselect .two .select {width:48%; margin:0 0 0 2.5%}
	.flexselect .two .select:nth-child(2) {margin-left:0}

	.mgate-cont>div>div {height:240px}
	.mgate-cont .mslider {height:240px}
}

@media all and (max-width:900px){
    #mainbnr .bnrlist .bnrset .bnrinfo h3 {font-size:18px}
    #mainbnr .bnrlist .bnrset .bnrinfo h2 {font-size:40px}
    #mainbnr .bnrlist .bnrset .bnrinfo p {font-size:15px}

    .mgate-wrap.full .visual .img img {margin-left:-15%; width:75%; max-width:auto; height:auto;}
    .mgate-wrap.full .visual .vi-info {width:50%}

    .mgate_quick>div {max-width:700px; margin:0 auto;}
    .mgate_quick>div>div {width:30.33%; height:50px; line-height:50px; margin-right:3%;}
	/*.mgate_quick>div>div:nth-child(4) {display:none;}
	.mgate_quick>div>div:nth-child(5) {display:none;}
	.mgate_quick>div>div:nth-child(6) {display:none;}*/

	.mgate_quick .arcd {bottom:50px; left:10px;}
	.mgate_quick .arcd>ul>li>a {font-size:13px; padding:3px 15px; min-width:150px}

    #menuwrap .depth2>li>a {font-size:17px;}
    #menuwrap .depth2 li.topmenu a {font-size:18px}
	#menuwrap .depth2 li.topmenu .ico-arr-right {margin-left:3px; width:18px; height:18px;background:url(../img/icon_arrright_white.png); background-size:100%; vertical-align:middle;}
	#menuwrap .depth2:nth-child(1) {width:25%}
	#menuwrap .depth2:nth-child(2) {width:25%}
	#menuwrap .depth2:nth-child(3) {width:24%}
	#menuwrap .depth2:nth-child(4) {width:17%}
    #menuwrap .depth3 li {font-size:15px}
}

@media all and (max-width:768px){
	#wrapper {height:51px;}

    .t0{margin-top:0px !important}
    .t5{margin-top:3px !important}
    .t10{margin-top:10px !important}
    .t15{margin-top:7px !important}
    .t18{margin-top:9px !important}
    .t20{margin-top:10px !important}
    .t25{margin-top:12px !important}
    .t30{margin-top:15px !important}
    .t35{margin-top:17px !important}
    .t40{margin-top:20px !important}
    .t45{margin-top:22px !important}
    .t50{margin-top:25px !important}
    .t55{margin-top:27px !important}
    .t60{margin-top:30px !important}
    .t65{margin-top:32px !important}
    .t70{margin-top:35px !important}
    .t100{margin-top:50px !important}
    .tp30 {padding-top:15px !important}
	.tb30{padding-bottom:15px !important}

    .fs16 {font-size:14px}
    .fs18 {font-size:14px}
    .fs20 {font-size:16px}
    .fs24 {font-size:20px}
    .fs28 {font-size:20px}
    .fs30 {font-size:28px}

    select{font-size:15px}
    input[type="text"], input[type="email"], input[type="tel"] {height:32px; font-size:15px}
    input:focus {outline:none}

    .inputset .dv3-2 {margin-top:10px;}
    .inputset .dv3-2>span {display:block; margin:0%; width:100%; height:auto}
    .inputset .dv3-2>span:nth-child(1) {margin-left:0%}
    .inputset .dv3-2>span>span {font-size:14px; display:inline-block; float:left; width:28%; margin-right:2%; margin-top:5px;}
    .inputset .dv3-2>span>input {display:inline-block; width:70%}

    .inputset .dv2 {margin-top:20px}
    .inputset .dv2>div {display:block; float:none;}
    .inputset .dv2 .agree {width:100%}
    .inputset .dv2 .agree p:nth-child(1) {display:inline-block; float:left; width:10%; max-width:40px;}
    .inputset .dv2 .agree p:nth-child(2) {display:inline-block; float:left; width:90%}
    .inputset .dv2 .agree p:nth-child(2) span {display:block; font-size:13px; line-height:120%; margin-top:7px}
    .inputset .dv2 .secure {width:100%; margin-top:20px}
    .inputset .dv2 .secure input {border:1px solid #ddd; height:26px; margin-top:5px}
    .inputset .dv2 .secure div:nth-child(1) {display:inline-block; float:left; width:50%; margin-right:5%}
    .inputset .dv2 .secure div:nth-child(2) {display:inline-block; float:left; width:45%}

    .inputset .txselec>div:nth-child(1) {width:40%; margin-left:0%}
    .inputset .txselec>div:nth-child(2) {width:57%}
    .inputset .txselec .select {max-width:100%}

    body, input, select, label, button {font-size:14px;}
    #cont {padding:0px 0px 30px;}
    #cont02 {padding:0px 0px 0px;}

    .select {height:32px; min-width:120px}
    .select>a {height:32px; line-height:32px; font-size:15px; text-indent:10px; padding-right:20px; background-position:top 14px right 10px;  background-size:10px 5px}
    .select>ul {height:32px; height:100px}
    .select>ul>li>a {font-size:15px; padding:5px 10px; text-align:left}

    .lay2>li {display:block; width:100%;}
    .lay2>li>div {margin-right:0px;}

    .lay3 {padding:0px}
    .lay3>li {width:50%;}
    .lay3>li>div {margin:3px;}

    .lay4>li {width:50%; padding:0px 0px 10px;}
    .lay4>li>div {margin:0 5px;}

    .lay6>li {width:33.33%; padding:0px 0px 10px}
    .lay6>li>div {margin:0 5px;}

    .laytem {padding:40px 20px}
    .laytem h3 {font-size:22px; margin:10px 0px 20px}
    .laytem h4 {font-size:18px; margin:10px 0px}
    .laytem p {font-size:14px; margin:10px 0px}
    .laytem img {margin:10px 0px}

    .type-col1>div>div {width:100%}
    .type-col2>div>div {width:48%;}
    .type-col2>div>div:nth-child(1) {padding-right:2%}
    .type-col2>div>div:nth-child(2) {padding-left:2%}
    .type-col3>div>div {width:30%; padding:1.666%;}
    .type-col4 {display:block}
    .type-col4>div>div {display:inline-block; float:left; width:48%; padding:0 1%;}
    .type-col4>div>div:nth-child(3) {clear:both}
    .type-col5 {display:block}
    .type-col5>div>div {width:30%; display:inline-block; float:left; padding:0px 1.666%;}
    .type-col5>div>div:nth-child(4) {clear:both}
    .type-col6 {display:block}
    .type-col6>div>div {width:30%; display:inline-block; float:left; padding:0px 1.666%;}
    .type-col6>div>div:nth-child(4) {clear:both}

    .type-col2-spec>div>div {width:100%; display:block;}
    .type-col2-spec>div>div:nth-child(1) {padding-right:0%}
    .type-col2-spec>div>div:nth-child(2) {padding-left:0%}
    .type-col2-spec h3 {font-size:20px; height:25px;}
    .type-col2-spec>div>div:nth-child(2) h3 {display:none !important}
    .type-col2-spec .tbl .order td {padding:20px 10px 10px 0px;}

    .laytem .m-row1full>div>div {width:100%; display:block; padding:0% !important}

    .roll-cen-240>div {height:100px;}
    .roll-cen-240>div>ul>li {width:180px; height:100px;}
    .roll-cen-240>div>ul>li>div {height:100px}

    .bull-new {width:20px; height:20px; line-height:20px; border-radius:20px; font-size:12px;}

	#gotop {position:fixed; right:20px; bottom:80px; z-index:999;}
	#gotop a {display:inline-block; width:50px; height:50px; line-height:63px; text-align:center; color:#fff; opacity:0.4; filter:alpha(opacity=40); border-radius:60px; background:url(../img/icon_arr_gotop.png) no-repeat center; background-color:#555; background-position:17px 11px}
	#gotop a>span {font-size:13px}
	#gotop a:hover {opacity:1; filter:alpha(opacity=100); border-radius:60px}

    #contact {right:20px; bottom:20px}
    #contact a {width:50px; height:50px; line-height:50px; border-radius:50px}
    #contact a:hover {width:150px; opacity:1; filter:alpha(opacity=100); border-radius:50px; background:url(../img/icon_contact_white.png) no-repeat left 25px center; background-color:#cc0000}
    #contact a:hover>span {display:inline-block; margin-left:40px}

    #header {height:50px; z-index:902; min-width:320px;}
    #header .hdbox {height:50px;}
    #header .h1 {top:15px;}
    #header .h1>a {width:120px; height:21px; background-size:120px 21px}
    #header .icoset {right:20px;}
    #header .icoset #pcMenuBtn {display:none}
    #header .icoset #mobileMenuBtn {display:inline-block}
    #header .icoset>a{margin-left:10px; line-height:65px; height:50px}
    #header .icoset>a .ico-global {width:24px; height:24px; background-size:100% 100%}
    #header .icoset>a .ico-search {width:24px; height:24px; background-size:100% 100%}
    #header .icoset>a .ico-menubar {width:24px; height:24px; background-size:100% 100%;}
    #header .icoset>a .ico-close {width:24px; height:24px; background-size:100% 100%}
    #header .icoset>a .ico-contact {width:24px; height:24px; background-size:100% 100%}

    #menuwrap {display:none}
    #menubox {border-bottom:none}

	#menuwrap {margin:0 15px}
	#menuwrap .depth2 {display:inline-block; float:left; margin-left:2%; width:47% !important;}
	#menuwrap .depth2:nth-child(3) {clear:left; margin-top:20px}
	#menuwrap .depth2:nth-child(4) {margin-top:20px}
	#menuwrap .depth2 li.topmenu {height:50px; line-height:50px; margin:0px}
	#menuwrap .depth2>li>a {padding:5px 0px 5px 5px; font-size:15px; font-weight:400}
	#menuwrap .depth3 {margin:5px 0px 15px}
	#menuwrap .depth3 li {margin:8px 0px 0px 10px; font-size:13px; line-height:15px}

    #header.red {background:url(../img/bg_top.png) no-repeat; background-position:center; background-size:cover; border:none; background-color:#e5110f}
    #header.red .h1>a {width:120px; height:21px; background:url(../img/toplogo.png) no-repeat; background-size:100%;}
    #header.red .icoset>a .ico-search {background:url(../img/icon_search_white.png) no-repeat; width:24px; height:24px; background-size:100% 100%}
    #header.red .icoset>a .ico-contact {background:url(../img/icon_contact_white.png) no-repeat;width:24px; height:24px; background-size:100% 100%}
    #header.red .icoset>a .ico-global {background:url(../img/icon_global_white.png) no-repeat;width:24px; height:24px; background-size:100% 100%}
    #header.red .icoset>a .ico-menubar {background:url(../img/icon_menubar_white.png) no-repeat;width:24px; height:24px; background-size:100% 100%}
    #header.red .icoset>a .ico-close {background:url(../img/icon_close_white.png) no-repeat;width:24px; height:24px; background-size:100% 100%}

    #subheader {height:120px;}
    #subheader>div {height:120px; max-height:120px;}
    #subheader>div .hdinfo {left:0px}
    #subheader>div .hdinfo h2 {font-size:22px;}
    #subheader>div .hdinfo p {font-size:14px}

    #detailheader {background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-position: bottom -50px left 50% !important; background-size:70% !important; background-color:#f5f5f5; min-height:auto}
    #detailheader .linkset {margin:20px 20px 0px; min-height:20px}
    #detailheader .linkset ul {margin-top:5px}
    #detailheader .linkset li {margin:3px 0px 3px 3px}
    #detailheader .linkset li>a {width:35px; height:35px; border-radius:35px; line-height:53px;}
    #detailheader .linkset li .ico-approval, #detailheader .linkset li .ico-print {width:26px; height:26px;}
    #detailheader .linkset li>span {padding:5px 10px 5px; line-height:12px; font-size:13px;}
    #detailheader .linkset>p {font-size:13px;}
    #detailheader .infoset {left:0px; width:inherit; margin:2% 20px 35%}
    #detailheader .infoset h3 {font-size:20px; margin-bottom:10px}
    #detailheader .infoset p {height:auto; margin-bottom:5pxx; width:80%; margin:0 auto;}
    #detailheader .infoset a {display:block; margin-top:5px;}
    #detailheader.conf {height:inherit; background-position: top 5% left 50% !important; background-size:60%}
    #detailheader.conf>div {top:0%; transform:translateY(0%);}
    #detailheader.conf .infoset {margin:43% 20px 20px; position:relative; top:60%}
    #detailheader.conf .infoset .date{margin-top:10px; font-size:15px}
    #detailheader.conf .infoset .btn {margin-top:5px}
    #detailheader.conf .infoset .btn a {display:inline-block;}
    #detailheader-open {display:block; background-color:#e6e5e0; padding:30px 20px; font-size:13px; text-align:center;}

    #detail-left>div {height:300px;}
    #detail-left .infoset {left:5%; width:65%}
    #detail-left .infoset h3 {font-size:28px; margin-bottom:10px}
    #detail-left .subcopy {font-size:16px}

    #detail-right>div {height:300px;}
    #detail-right .infoset {left:25%; width:65%}
    #detail-right .infoset h3 {font-size:28px; margin-bottom:10px}
    #detail-right .subcopy {font-size:16px}

    #menubox {display:none}
    #m-topmenu {display:none; position:fixed; margin:0px; width:36%; min-width:121px; height:100%; min-height:450px; left:0px; top:0px; border-right:1px solid #ddd; z-index:901; background:#fff}
    #m-topmenu>ul {position:relative; margin-top:50px;}
    #m-topmenu .ico-minarr-down {display:none;}
    #m-topmenu>ul>li {display:block; line-height:normal; float:none; text-align:left; width:100%}
    #m-topmenu>ul>li:nth-child(1) {padding-top:15px;}
    #m-topmenu>ul>li>a {display:block; height:auto; font-size:15px; padding:10px 0px 10px 20px; width:auto}
    #m-topmenu>ul>li>a.on {color:#cc0000; border-right:5px solid #cc0000}

    #m-topmenu .sidebnr {position:absolute; bottom:20px; width:100%; left:0px;}
    #m-topmenu .sidebnr .bnrbox {height:180px; margin:20px 20px 0px 20px; overflow:hidden}
    #m-topmenu .sidebnr .bnrtmb {width:auto;}
    #m-topmenu .sidebnr .bnrtmb li {height:150px; padding:20px 10px 10px; background:url(../img/temp/menu_side_bnr.png) no-repeat; background-size:cover; border-radius:5px;}
    #m-topmenu .sidebnr .bnrtmb h4 {text-align:center; font-size:14px;}
    #m-topmenu .sidebnr .bnrtmb p {text-align:center; font-size:13px; margin-top:10px;}
    #m-topmenu .sidebnr .bnrnavi {text-align:center; height:25px; line-height:25px; margin:0px 20px 0px; overflow:hidden}
    #m-topmenu .sidebnr .bnrnavi>a {display:inline-block; width:6px; height:6px; border-radius:6px; border:1px solid #ccc;}
    #m-topmenu .sidebnr .bnrnavi>a.on {border:none; background:#bbb; width:8px; height:8px}

    .mobile-body {width:100%; height:100%; position:fixed; overflow:hidden; transition:0s}
    #submenu {display:none;}
    #m-submenu {display:none; position:absolute; width:64%; top:0px; right:0px; padding:0px; border-bottom:none; background:none; z-index:900}
    #m-submenu>#subbox {position:relative; width:auto; max-width:100%; margin:0px; background:#fff; left:0%; height:100vh; overflow-y:scroll; z-index:900}
    #m-submenu>#subbox>ul {width:auto; margin-top:50px}
    #m-submenu>#subbox .depth2 {position:relative; display:block; float:none; position:relative; top:0px; left:0px; background:#fff; padding-top:15px;}
    #m-submenu>#subbox .depth2>li {display:block;}
    #m-submenu>#subbox .depth2>li>a {display:block; padding:15px 10px 15px 20px; font-size:15px; border-bottom:1px solid #ddd; transform:translateY(0px)}
    #m-submenu>#subbox .depth2>li>a.on {color:#cc0000}
    #m-submenu>#subbox .depth2>li>a>.ico-minarr-down {color:#999; margin-left:5px; position:absolute; right:20px; margin-top:5px;}
    #m-submenu>#subbox .depth2>li>a>.ico-minarr-up {color:#cc0000; margin-left:5px; position:absolute; right:20px; margin-top:5px;}
    #m-submenu>#subbox .depth3 {padding:10px 0px; border-bottom:1px solid #ddd; background:#f5f5f5}
    #m-submenu>#subbox .depth3>li {display:block;}
    #m-submenu>#subbox .depth3>li>a {display:block; padding:5px 10px 5px 30px; font-size:14px;}
    #m-submenu>#subbox .depth3>li>a>span {display:inline-block; color:#999; margin-left:5px;}
	#m-submenu>#subbox .depth3 .ico-cross {color:#cc0000; margin-right:5px}
	#m-submenu>#subbox:after {content:""; display:block; height:100px;}

    #lnb {height:40px; z-index:899}
    #lnb .lnbbox {height:40px;}
    #lnb .lnbbox>a {width:10%; height:40px; line-height:50px}
    #lnb .lnbbox>a .ico-home {width:25px; height:25px;}
    #lnb .lnbbox>a .ico-product {width:25px; height:25px;}
    #lnb .lnbbox>a .ico-system {width:25px; height:25px;}
    #lnb .lnbbox>a .ico-news {width:25px; height:25px;}
    #lnb .lnbbox>a .ico-aboutus {width:25px; height:25px;}
    #lnb .lnbbox>div {width:45%; min-width:45%; height:40px; box-sizing:border-box; border-right:1px solid #e2e2e2; margin-left:0}
	#lnb .lnbbox>div:nth-child(3){border-right:none}
    #lnb .lnbbox>div.oneD {border-left:0}
    #lnb .lnbbox>div.threeD {}
    #lnb .lnbbox>div>a {padding:0 35px 0px 20px; height:40px; line-height:40px; font-size:14px;}
    #lnb .lnbbox>div>div {padding:15px 0; top:41px; left:0px}
    #lnb .lnbbox>div:nth-child(3) div {left:-1px}
    #lnb .lnbbox>div>div>a {padding:0 20px; font-size:14px; margin-top:10px}
    #lnb.scroll .lnbbox>div {border-right:none; border-left:1px solid #32629d;}
    #lnb.scroll .lnbbox>div.oneD {border-left:0;}
    #lnb.scroll .lnbbox>div>div {top:40px;}

    #related {padding:30px 0px 20px}
    #related .hd24 {margin:0px 15px}
    #related .lay6 {padding:10px 0px 0px}
    #related .lay6 .img {height:100px; margin-bottom:10px}
    #related .lay6 li {padding-bottom:15px;}
    #related .lay6 p {font-size:14px}
    #related .lay6 a {font-size:14px}
    #related .arrmore {width:80px; height:16px; line-height:10px; bottom:-37px; left:50%}
    #related .arrmore .ico-minarr-down {background:url(../img/icon_minarr-white_down.png) no-repeat; background-size:100% 100%}
    #related .linkicon {top:-12px; right:14px; width:152px;}
    #related .linkicon li {display:inline-block; float:left; width:38px; height:30px; text-align:center; background-color:#938e8a; box-sizing:border-box; border:1px solid #b1aaa7; margin-left:-1px}
    #related .linkicon li img {width:19px; height:20px; margin-top:4px}
    #related .linkicon li:nth-child(2) img {width:17px; height:18px; margin-top:5px}
    #related .linkicon li:nth-child(3) img {width:17px; height:18px; margin-top:5px}

    #footer {padding:25px 0px 40px}
    #footer .quicklink {display:block; float:none; width:100%}
    #footer .quicklink a {display:inline-block; float:none; margin:2px 10px 2px 0px; font-size:14px; text-align:center}
    #footer .quicklink p {font-size:13px; margin-top:10px; color:#ddd; text-align:center}
    #footer .quicklink p {color:#fff; font-size:14px; margin-top:10px; color:#ddd}
    #footer .country {display:block; float:none; width:100%}
    #footer .country>a {display:block; text-align:center; margin-top:20px; float:none}
    #footer .country img {vertical-align:middle; margin-right:10px; width:27px}
    #footer .country span {vertical-align:middle; color:#fff}
	#footer .regalnotice {position:relative; display:block; clear:both; padding-top:20px}
	#footer .regalnotice p {color:#eee; font-size:12px; text-align:center}
	#footer .badge-parent {display:block !important; position:relative !important; right:inherit !important; left:0px !important; top:0px !important; height:20px !important; clear:both !important; padding:20px 0px !important; width:100% !important}
	#footer .grecaptcha-badge {transform:scale(0.7) translateX(-70%) !important; box-shadow:none !important; background:none !important; display:inline-block !important; position:inherit !important; right:0px !important; left:50% !important;}

    #mainbnr {height:300px;}
    #mainbnr .bnrlist {position:absolute; top:0px; left:0px; width:100%; z-index:800;}
    #mainbnr .bnrlist .bnrset {position:relative; height:300px; width:100%; overflow:hidden}
    #mainbnr .bnrlist .bnrset>div {height:300px; top:0px}
    #mainbnr .bnrlist .bnrset .bnrinfo {left:0px; max-width:70%; min-width:320px; color:#fff}
    #mainbnr .bnrlist .bnrset .bnrinfo h2 {margin:0px 60px 0px !important; font-size:28px}
    #mainbnr .bnrlist .bnrset .bnrinfo h3 {margin:0px 60px 0px !important; font-size:15px}
    #mainbnr .bnrlist .bnrset .bnrinfo p {margin:5px 60px 0px !important; font-size:14px}
    #mainbnr .bnrlist .bnrset .bnrinfo .button {margin:10px 60px 0px !important; height:23px; line-height:23px}

    /* 임시 메인 롤링 배너 */
    #mainbnr .bnrset.mbnr-news1 .bnrinfo {max-width:100% !important}
    #mainbnr .bnrset.mbnr-news2 .bnrinfo {max-width:100% !important}

    .tab {height:40px}
    .tab li>a {font-size:17px; height:40px; line-height:42px;}

    .tablay-one>div>a {height:40px; width:35px; line-height:40px; font-size:13px;}
    .tablay-one>div>div {margin:0px 35px;}
    .tablay-one>div>a.arr-left {background-size:60% 60%}
    .tablay-one>div>a.arr-right {background-size:60% 60%}

    .tablay-two .tb-btn {width:35px; height:40px}
    .tablay-two .tb-btn i {width:18px; height:18px;}
    .tablay-two>div {margin-right:55px;}
    .tablay-two>div>div>a {height:40px; width:35px; line-height:40px; font-size:13px}
    .tablay-two>div>div {margin:0px 0px;}
    .tablay-two>div>div>a.arr-left {background-size:60% 60%; display:none;}
    .tablay-two>div>div>a.arr-right {background-size:60% 60%; display:none;}
	.tablay-two .tab .owl-item li #Seeplex {line-height:34px !important}
	.tablay-two .tab .owl-item li>a {font-size:15px}
	.tablay-two .tab .owl-item:last-child li a {border-right:1px solid #fff !important}
	.tablay-two .tab .owl-item:last-child li a.on {border-right:1px solid #555 !important}

    .tab-light {position:relative; max-width:700px; margin:0 auto; overflow:hidden}
    .tab-light>div>a {width:30px; height:30px; line-height:30px}
    .tab-light>div>div {margin:0px 30px;}
    .tab-light .tabli {height:30px; width:750px;}
    .tab-light .tabli>div>div>div>div>a {margin:0 1px; height:30px; line-height:30px; padding:0px 7px; font-size:14px}

    .catemenu {padding:0px 10px;}
    .catemenu li a {font-size:16px; padding:3px 5px;}

    .imgpaging .box  {height:; padding:10px 0px}
    .imgpaging .box .fa-chevron-left ,.imgpaging .box .fa-chevron-right {font-size:26px}
    .imgpaging .box .left, .imgpaging .box .right {display:none;}

    .imgpaging2 {height:300px;}
    .imgpaging2 .arrowset {top:0px}
    .imgpaging2 .arrowset a {width:40px; height:300px; line-height:300px;}

    .imggllery {height:300px;}
    .imggllery>ul>li {height:300px; width:100%}

    .numberpaging>a {width:22px; height:22px; border-radius:22px; line-height:22px; margin:0 2px;}
    .numberpaging>a>i {margin-top:1px; width:20px; height:20px;}

    .bordetail {margin:40px 20px 50px;}
    .bordetail .borhd h3 {font-size:20px; margin-bottom:10px}
    .bordetail .borhd .date {margin-bottom:20px}
    .bordetail .borbody {padding:30px 0px; line-height:150%}

    .hd36 {font-size:26px}
    .hd36-low {font-size:28px}
    .subtxt24 {font-size:16px}
    .subtxt18 {font-size:16px}
    .hd20 {font-size:20px; margin-top:15px}
    .hd24 {font-size:20px}
    .hdline24 {font-size:20px}
    .subtit {font-size:15px; line-height:16px}
    .pagetitle {font-size:28px; line-height:13px}
    .pagetitle span {display:inline-block; font-size:14px; margin-top:15px}
    .pagetitle .lefthd {width:55%; padding-top:12px}
    .pagetitle .selc {width:45%;}
    .pagetitle.type4 .lefthd {width:100%; line-height:130%; margin-bottom:15px}
    .pagetitle.type4 .selc {width:100%; text-align:left}
    .pagetitle.type4 .selc .select {width:48%; max-width:48%}

    .button {height:30px; line-height:30px; font-size:14px; padding:0px 20px}

    #detailheader.conta-hd {background:url(../img/temp/product_detail_tmb01.png) no-repeat; background-position:center bottom 60px !important; background-size:100% !important; background-color:#f5f5f5; min-height:300px !important}
    #detailheader.conta-hd .infoset {left:0 !important; top:240px !important; width:100%}

    .contactus>div {padding:35px 20px}
    .contactus>div h3 {margin-bottom:20px}
    .contactus .tab-light {margin-top:30px}
    .contactus .secode>div {width:auto; margin:40px auto}
    .contactus .secode>div>div {display:inline-block; float:left;}
    .contactus .secode>div>div:nth-child(1) {width:100%; margin-top:0px; display:block; float:none}
    .contactus .secode>div>div:nth-child(2) {width:70%}
    .contactus .secode>div>div:nth-child(2) input {width:95%; height:25px; margin-top:8px;}
    .contactus .secode>div>div:nth-child(2) p {margin-bottom:5px; white-space:nowrap}
    .contactus .secode>div>div:nth-child(3) {width:30%; max-width:101px;}
    .contactus .secode>div>div:nth-child(3) img {max-width:101px; width:100%}
    .contactus .secode>div>div h4 {font-size:20px}
    .contactus .button {margin-bottom:5px}

    .mgate-cont>div>div {width:50%; height:auto}
    .mgate-cont .mslider {height:auto}
    .mgate-cont>div>div:nth-child(1) .mslider {background:#fff}
	.mgate-cont>div>div:nth-child(4) .mslider {background:#fff}
	.mgate-cont>div>div:nth-child(3) .mslider {background:#f5f5f5}
    .mgate-cont .mslider .item {padding:10%;}
    .mgate-cont .mslider .item h3 {font-size:15px; line-height:18px; height:36px; margin-top:10px; margin-bottom:40px}

    .mgate-wrap.full .visual .img img {margin-left:-25%; width:80%; max-width:auto; height:auto;}
    .mgate-wrap.full .visual .vi-info {width:50%}

	.errormsg {margin-top:0px}
	.errormsg>div .msgset {padding:9% 20px; width:80%; z-index:501}
	.errormsg>div .msgset h1 {font-size:30px}
	.errormsg>div .msgset .subinfo {font-size:16px; color:#fff; margin:20px 0px}
	.errormsg>div .msgset .gonew li {margin-bottom:5px}
	.errormsg>div .msgset .gonew a {font-size:16px; color:#fff}
	.errormsg>div .img {right:20px; width:40%; z-index:500}
}

@media all and (max-width:650px){
	.mgate_quick .arcd {bottom:50px; left:0px;}
	.mgate_quick .arcd>ul>li>a {font-size:13px; padding:3px 15px; min-width:100px}
	.mgate_quick>div>div:nth-child(3) div {left:auto; right:-10px;}

	.flexselect {margin:50px auto 0px}
	.flexselect .two {width:100%;}
	.flexselect .two .select {width:48%; margin:0 0 8px 2.5%;}
	.flexselect .two .select:nth-child(2) {margin-left:0}
}

@media all and (max-width:550px){
	.tablay-two {overflow:visible;}
    .tablay-two .tb-btn {width:35px; height:25px; width:25px; top:-30px; border-radius:50px}
	.tablay-two .tb-btn i {width:15px; height:15px}
    .tablay-two>div {margin:50px 20px 0px 20px;}
	.tablay-two .tab li>a {padding:0px 5px}
	.tablay-two {height:auto;width:100%}
	.tablay-two .tab .owl-item li>a {font-size:11px}
	.tablay-two .tab .owl-item li #Seeplex {line-height:38px !important}
	.tablay-two .tab .owl-item:last-child li a {border-right:1px solid #555 !important}
}

@media all and (max-width:450px){

    #related .linkicon {display:none}

    .mgate-wrap .adbox {position:relative; display:block; height:auto}
    .mgate-wrap .ad {height:auto; width:100%; max-width:100%; display:block; float:none; padding:15px 0px; background-position:center top;}
    .mgate-wrap .ad>div {margin:0px 20px;}
    .mgate-wrap .ad>div .mg1 {font-size:13px;}
    .mgate-wrap .ad>div .mg2 {font-size:18px; margin:5px 0}
    .mgate-wrap .ad>div .mg3 {font-size:13px;}
    .mgate-wrap.full .visual .img img {margin-left:-33%; width:100%; max-width:auto; height:auto;}    
    .mgate-wrap.full .visual .vi-info {width:50%; right:20px}

    .mgate-bnr {position:relative; display:block; float:none}
    .mgate-bnr>div>div {height:auto}
    .mgate-bnr .visual {height:250px; width:100%; display:block; float:none}
    .mgate-bnr .visual .img {height:250px; margin-left:0%; width:100%}
    .mgate-bnr .visual .img img {width:90%; margin-left:-5%}
    .mgate-bnr .visual .vi-info {right:20px; top:46%; max-width:60%}
    .mgate-bnr .visual .vi-info p {font-size:16px; font-weight:300}
	.mgate-bnr .visual .vi-info p.sub {font-size:12px}
    .mgate-bnr .visual .vi-info .subimg img {width:30%}
    .mgate-bnr .visual .imgpaging {position:absolute; bottom:0px; width:100%; z-index:502}

    .mgate_quick>div {max-width:700px; margin:0 auto; padding:10px 0px}
    .mgate_quick>div>div {width:30.33%; height:35px; line-height:35px; margin-right:3%;}
    .mgate_quick>div>div>img {width:30px}
    .mgate_quick>div>div>span {font-size:12px}

	.mgate_quick .arcd {bottom:45px}

	#lnb .lnbbox>a {line-height:48px}
    #lnb .lnbbox>a .ico-home {width:19px; height:19px;}
    #lnb .lnbbox>a .ico-product {width:19px; height:19px;}
    #lnb .lnbbox>a .ico-system {width:19px; height:19px;}
    #lnb .lnbbox>a .ico-news {width:19px; height:19px;}
    #lnb .lnbbox>a .ico-aboutus {width:19px; height:19px;}

	.laytem img {width:100%; margin:10px 0px}
}