img{pointer-events:none !important;}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../../fonts/NanumSquareR.eot);
 src: url(../../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../../fonts/NanumSquareR.woff) format('woff'),
      url(../../fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../../fonts/NanumSquareB.eot);
 src: url(../../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../../fonts/NanumSquareB.woff) format('woff'),
      url(../../fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../../fonts/NanumSquareEB.eot);
 src: url(../../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../../fonts/NanumSquareEB.woff) format('woff'),
      url(../../fonts/NanumSquareEB.ttf) format('truetype');
}

#header{display:none;}
#header-m{width:100%; position:absolute; top:0;}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
	}
article, aside, footer, header, nav, section {
    display: block;
}
h1 {font-size: 2em;
    margin: 0.67em 0;
}
figcaption, figure, main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace,  monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	color:inherit;
	font-weight:inherit;
	font-family:inherit;
	font-size:inherit;
    cursor: pointer;

}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: bolder;
}
code, kbd, samp {
    font-family: monospace,  monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    margin: 0;
}
button {
    padding: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    -webkit-backface-visibility: hidden;
}
fieldset, img {
    border: 0 none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    width: 100%;
    text-align: left;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    padding: 0;
    font-family: Noto Sans KR, NanumSquare, sans-serif;
}

a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}
select, input, button, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-size: 16px;
    font-weight: 300;
    font-family: Noto Sans KR, NanumSquare, sans-serif;
} 
select[type="checkbox"], input[type="checkbox"], button[type="checkbox"], textarea[type="checkbox"] {
    -webkit-appearance: checkbox;
}
select[type="radio"], input[type="radio"], button[type="radio"], textarea[type="radio"] {
    -webkit-appearance: radio;
}
select::-ms-expand, input::-ms-expand, button::-ms-expand, textarea::-ms-expand {
    display: none;
}
textarea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
html, body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #898989;
}
strong, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}
label, button {
    cursor: pointer;
}
button {
    outline: 0;
    font-size: 16px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
}
body {
    overflow-x: hidden;
    position: relative;
    font-size: 16px;
}
input[type="text"], select {
    border-radius: initial;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent:20px;
}
input[type="text"] {
    outline: none;
    border: 1px solid #d6d6d6;
    background-color: #fff !important;
    -webkit-transition: border .4s ease;
    -moz-transition: border .4s ease;
    -o-transition: border .4s ease;
    -ms-transition: border .4s ease;
}
input[type="password"] {
    outline: none;
    border: 1px solid #d6d6d6;
    background-color: #fff !important;
    -webkit-transition: border .4s ease;
    -moz-transition: border .4s ease;
    -o-transition: border .4s ease;
    -ms-transition: border .4s ease;
}
input[type="text"]:focus {
    border: 1px solid #0080bc;
}

input[type="password"]:focus {
    border: 1px solid #0080bc;
}

/*if 경우 인풋의 포커스 컬러를 적용하지 않는 경우*/
input.cm_search[type="text"]:focus {
    border: 0px solid #0080bc;
}


option {
    font-weight: 300;
}
caption {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
textarea {
    padding-left: 10px;
}
.dimmed {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 400;
    background-color: #000;
}
#wrap {
    width:100%;
	position:relative; 

}
.one_depth a{color:#000;}
#wrap #header {
    width: 100%;
    min-width: 1030px;
    z-index: 1000;
    height: 97px;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    -ms-transition: background .4s ease;

}


/* width */
::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar {
    height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #dcdcdc; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0080bc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/*gotop*/
.gotop{cursor:pointer; width:43px; height:43px; background:url('../../images/layout/gotop.png'); background-size:cover; position:fixed; right:20px; bottom:40px; z-index:999;}

.zmeff:hover{background-size:100%; transition: all 0.6s}
.ft_qcircle_grid{width:100%; height:300px;  margin:auto;}
.ft_qcircle_box{width:117px; height:130px;  float:left; }

.zmeff:hover{background-size:100%; transition: all 0.6s}
.ft_qcircle_box:nth-child(1){width:calc(100%/3);}
.ft_qcircle_box:nth-child(2){width:calc(100%/3);}
.ft_qcircle_box:nth-child(3){width:calc(100%/3);}
.ft_qcircle_box:nth-child(4){width:calc(100%/3); margin-left:calc(100%/6); margin-top:20px;}
.ft_qcircle_box:nth-child(5){width:calc(100%/3); margin-right:calc(100%/6); margin-top:20px;}





.ft_qcircle{width:78px; margin:auto; border:1px solid #383838; height:78px; background:#383838;  border-radius:50%;  cursor:pointer; }
.ft_qcircle:hover{border:1px solid #eee ;transition: all 0.8s ease; }
.ft_qcircle_tt{line-height:150%; color:#a8a8a8; font-size:0.8em; font-weight:500; text-align:center; padding:22px 0;  cursor:pointer;}
.ftc1{background:#383838 url('../../images/layout/ft_c1.png')center no-repeat; background-size:50%; }
.ftc2{background:#383838 url('../../images/layout/ft_c2.png')center no-repeat; background-size:50%;}
.ftc3{background:#383838 url('../../images/layout/ft_c3.png')center no-repeat; background-size:50%;}
.ftc4{background:#383838 url('../../images/layout/ft_c4.png')center no-repeat; background-size:50%;}
.ftc5{background:#383838 url('../../images/layout/ft_c5.png')center no-repeat; background-size:50%;}

.ft_fixed_grid{ position:fixed; bottom:-360px; width:88%; padding:0 6%; background:#2d2d2d; z-index:220; transition: all 0.3s ease; display:block; }
.ft_fixed_grid-active{z-indeX:3000; bottom:0 !important; transition: all 0.3s ease;  }
.qm_btnbox{margin:auto; width:145px; height:45px; background:#2d2d2d; position:relative; top:-45px; border-top-left-radius:15px; text-align:center;   border-top-right-radius:15px; padding:15px 0 0 0; text-transform:uppercase; cursor:pointer; transition: all 0.5s ease;}
.qm_btnbox-hide{top:0px; transition: all 0.5s ease;}
.qm_calltxt{display:inline-block; text-align:center; font-size:12px;}
.qm_arr{display:inline-block; margin-left:8px; width:7px; height:7px; border:1px solid #999; border-left:0px; border-top:0px; transform:rotate(-135deg); position:relative; top:2px; transition: all 0.3s ease;}
.qm_arr-active{display:inline-block; margin-left:8px; width:7px; height:7px; border:1px solid #999; border-left:0px; border-top:0px; transform:rotate(45deg);position:relative; top:-3px; transition: all 0.3s ease;}


li.lang_sele{width:50px; height:12px; position:relative; top:2px;  background: url('../../images/sprite/langsele_arr.png') no-repeat; background-position: 40px -9px;}
li.lang_sele-active{width:50px; height:12px; position:relative; top:2px;  background: url('../../images/sprite/langsele_arr.png') no-repeat; background-position: 40px -15px;}
.lang_list{position:absolute; width:100%; height:50px; background:#FFF; display:none; padding:2px 0;}
.lang_list-btn {padding:5px 10px; background:#eee; border-radius:15px; position:relative; left:0px; cursor:pointer; top:5px; left:-5px;}
li.lang_sele a{position:relative; top:-2px;}


.dotb-align{width:100%; display:table;}
.dotb-ps{position:relative; width:5px; z-index:999; margin:auto;  transition: all 0.3s ease;}	
.dotb{top:94px; left:65px; position:absolute; width:7px; height:7px; border-radius:50%; background:#0080bc; opacity:0;  transition:all 0.5s;}
.dotb-active{opacity:1; -webkit-transition:all 300ms;-o-transition:all 300ms;-moz-transition:all 300ms;transition:all 0.5s;}
ul.depth02_ul li{ width:calc(90%/4); margin-right:calc(10%/3); }
ul.depth02_ul li:last-child{margin-right:0;}
.beeline{width:20px; height:2px; background:#636363; float:left; position:relative; top:8px;    transition: all 0.3s ease;}
.beeline-active{width:20px; height:2px; background:#0080bc; float:left; position:relative; top:8px;    transition: all 0.2s ease;}
.two_depth {left:-30%; position: absolute; z-index: 1;	padding:5px; margin-top:40px; width: 100%; text-align: left;  opacity: 1; display: none; }
.depth02_grid{width:1200px; margin:auto; padding:20px 0 50px 0 ;}
.gnb_2depth_h1{padding:20px 0 10px 0; width:100%;}
.gnb_2depth_h2{padding-left:25px;}
.depth2_tt{ position:relative; left:5px;}
.shadow-active{box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 18px 8px;  transition: all 0.4s ease;}
.header_grid{padding:0px; border-bottom:1px solid #d6d6d6; }
/*main prodct--*/
.mprd_wrap{width:100%; display:table; background :#eee;}
.mprd_grid{width:100%;  margin:auto; padding:60px 0 150px 0;}
.mprd_icon_scll{overflow-x:scroll;}
.mprd_icon_grid{width:155%; height:80px;
padding:30px 5% 40px 5%; margin: 0 auto;}
/*if--320 allowed iphone5--*/
@media all and (max-width:320px) {
.mprd_icon_grid{width:175%; height:80px;padding:30px 5% ; margin: 0 auto;}
}
.mprd_icon_circle{width:60px; height:60px; border-radius:50%; margin-right:18px; 
display:inline-block; cursor:pointer; transition: all 0.3s ease; background:#a8a8a8; z-index:22;}
.circle-active{background:#0080bc !important;}
.mprd_icon_circle:last-child{margin-right:0px;}
span.mpicotxt{text-align:center; position:relative; display:table; width:100%; top:73px;
color:#333; font-size:0.9em; line-height:1.3em;}
.mprd_tt-active{color:#0080bc !important;}
.mprd_icon_circle:hover{background:#0080bc !important;}
.mprd_icon_circle > .mprd_ico1{ background:url('../../images/main/mt_ico01.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico2{ background:url('../../images/main/mt_ico02.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico3{ background:url('../../images/main/mt_ico03.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico4{ background:url('../../images/main/mt_ico04.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico5{ background:url('../../images/main/mt_ico05.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico6{ background:url('../../images/main/mt_ico06.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.mprd_icon_circle > .mprd_ico7{ background:url('../../images/main/mt_ico07.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}


/*++sub prodct-*/
.sprd_wrap{width:100%; display:table; background :#eee;}
.sprd_grid{width:100%;  margin:auto; padding:120px 0;}
.sprd_icon_scll{overflow-x:scroll; margin-bottom:20px;}
.sprd_icon_grid{width:170%; height:80px;padding:00px 0% 40px 5%; margin: 0 auto; max-width:630px;}

.sprd_icon_circle{width:60px; height:60px; border-radius:50%; margin-right:18px; float:left; cursor:pointer; transition: all 0.3s ease; background:#a8a8a8; z-index:22; }
.sprd_icon_circle:last-child{margin-right:0px;}
/*
.sprd_icon_circle:hover{background:#0080bc !important;}*/
.sprd_icon_circle > a > .sprd_ico0{ background:url('../../images/main/mt_ico00.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico1{ background:url('../../images/main/mt_ico01.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico2{ background:url('../../images/main/mt_ico02.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico3{ background:url('../../images/main/mt_ico03.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico4{ background:url('../../images/main/mt_ico04.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico5{ background:url('../../images/main/mt_ico05.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico6{ background:url('../../images/main/mt_ico06.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico7{ background:url('../../images/main/mt_ico07.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.sprd_icon_circle > a > .sprd_ico8{ background:url('../../images/main/mt_ico08.png') center; background-size:100%; width:60px; height:60px; border-radius:50%; z-index:25;}
.dpnone{display:none;}



.cl1{width:100%; position:absolute; left:0%;  -ms-transform: translateX(-120%); 
transform: translateX(-120%); opacity: 0; height:210px; background-size:cover 
!important;}
.lts{opacity: 1; -ms-transform: translateX(0%); transform: translateX(0%);   
 transition: all 1.2s ease; -ms-transition: all 1.2s ease;}
.cl2{width:100%; position:absolute; right:0%; -ms-transform: translateX(110%);  transform: translateX(110%); opacity: 0;}
.rts{opacity: 1; -ms-transform: translateX(0%); transform: translateX(0%);   
 transition: all 1.2s ease; -ms-transition: all 1.2s ease;}



.mprd_tab_sli{display:table; width:100%;}
.ttc-prd{text-align:center;}
.mprd_cont_box{width:100%;  display:block; margin:auto; position:relative; min-height:580px;}
ul.mprd_ul{ display:table; width:100%; padding:30px 0;}
.mprd_cl2cont{padding:65px 20px 0 20px; background:#fff;  margin:180px 5% 0 5% ; /* height:420px;*/
display:table; padding:40px 5% 90px 5%;
position:relative;}

.mprdtt-h1{font-size:2em;}
.mprdtt-h1 span{font-size:0.5em; padding-lefT:10px; vertical-align:2px;}
.mprdtt-h2{font-size:1em; line-height:170%; padding:20px 0; color:#555555; text-align:center;}
.mprdtt-h3{font-size:18px; color:#333; position:absolute; bottom:40px;
left:40%; margin-left:-38px; cursor:pointer; border:1px solid #000; padding:8px 40px 5px 25px;}
.mprdtt_morebtn{width:33px; height:33px; background:url('../../images/sprite/cm_plus_cc.png');   float:left; transform:rotate(0deg);  transition: all 0.8s ease;}
.mprdtt_morebtn-active{background:url('../../images/sprite/cm_plus_on.png');  transform 0.8s;  
transform:rotate(0deg);  transition: all 0.8s ease;}
.mprdtt_moretxt{float:left; padding:8px 0 10px 5px; transform: translateX(0%); transform 0.8s;  transition: all 0.5s ease;}
.mprdtt_moretxt-active{float:left; padding:8px 0 10px 5px; transform: translateX(10%);  transform 0.8s; transition: all 0.5s ease; color:#0080bc;}


/*recruit*/

.wrp_recruit {
width: 100%; height: 212px; overflow:hidden; display:block;
}

.recruit_wrap{width:100%; height:212px; background-size:cover; background:url('../../images/main/ft_cont2.jpg') no-repeat center; display:table; /*background-attachment:fixed;*/}

.recnt_bbs_wrap{width:90%; display:table; background:#ececec; padding:65px 5% 60px 5%;}
.recnt_bbs_grid{ width:100%; margin:auto; display:table;}
.recnt_bbs_align{width:100%; display:table;}
.recnt_left{width:100%; margin-right:1.7%; float:left;}
.recnt_left_title{}
span.recnt_title_span_h1{position:relative; top:-11px; left:15%;}
span.recnt_title_span_h1img{position:relative; left:20%; top:-5px;}
ul.recnt_left_cont{display:table; width:100%; background:#eee;}
.recnt_li{width:100%; height:370px; background:#fff; float:left; margin-right:0.5%; position:relative; cursor:pointer;}
.recnt_li:last-child{ margin-right:0;}

.recnt_li_img{width:100%; height:200px; background-size:cover !important;}
.recnt_right{width:100%; margin:auto; float:left; text-align:center; padding-top:65px;}
.recnt_right_bn{width:100%; margin:auto; height:195px;  display:table;}
.recnt_right_bn_h1{font-size:1.1em;}
.recnt_right_bn_h2{font-size:0.9em; padding:10px 0 0 0; line-height:1.3em;}



.hover_eff{}
.hover_eff-active{ transition: all 0.3s ease; cursor:pointer; opacity:0.95;}
/*koroy font preset*/

/*제목/영문/숫자용::나눔스퀘어::*/
.nsq-800{font-family: 'NanumSquare';  font-weight: 800;} /*Extra Bold*/
.nsq-700{font-family: 'NanumSquare';  font-weight: 700;} /* Bold*/
.nsq-400{font-family: 'NanumSquare';  font-weight: 400;} /* Relular*/


/*제목/영문/숫자용::나눔스퀘어::*/
.ns-500{font-family: 'Noto Sans KR';  font-weight: 500;} /*Regular*/
.ns-300{font-family: 'Noto Sans KR';  font-weight: 300;} /*Light*/

.cm_middle{display:table-cell; vertical-align:middle;}

/*textalign*/
.ta-c{ text-align:center;}
.ta-l{ text-align:left;}
.ta-r{ text-align:right;}
.ta-r_custom1{ text-align:center !important;}

/*fontsize*/
.uppercase{text-transform:uppercase;}
.kry-m1{font-size: 2.8em; line-height:1.2;}
.kry-m2{font-size: 1.1em; line-height:1.5; padding:10px 10%;}

/*if--320 allowed iphone5--*/
@media all and (max-width:320px) {
.kry-m2{font-size: 1.1em; line-height:1.5; padding:10px 10%;}

}

.kry-m2 br{display:block;}
.kry-hs1{font-size: 1.15em; letter-spacing:4px; padding:60px 0 0 0 ;}
.kry-hs2{font-size: 2em;}
.kry-hs3{font-size: 1em;}
.kry-hs3 > span.tt-blue{font-size:38px; margin:0 -5px 0  -10px; position:relative; top:8px;}
.mcont5_btn {position:absolute; top:370px; left:35%}
.kry-h1{font-size:1.3em; line-height:1.5;}
.kry-h18{font-size:1.3em; line-height:1.5;}
.kry-h15 br{display:block;}

.kry-h15{font-size:1em; line-height:1.8;}
.kry-h15 br{display:block;}

.kry-h2{font-size:1em; line-height:1.7;}
.kry-h2m{font-size:20px;}

.kry-h3{font-size:16px; line-height:1.6;}
.kry-hbtn{font-size:1em;}
.kry-hprod{font-size:1.2em; letter-spacing:5.5px;}
.kry-hnews{font-size:1.65em; height:50px; width:100%;}
.kry-hnewsc{font-size:20px; line-height:1.5; padding:20px 13% 25px 10%;
word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; height:60px; }
.kry-hnewsb{font-size:16px; padding:0 0 0 10%; position:absolute; bottom:30px;}
.kry_hnewsb_h1{float:left; padding:0 15px 0 0;}
.kry_hnewsb_h2{float:left; padding:0 0 0 15px; border-left:1px solid #d6d6d6; }

/*본문(서브페이지)용 폰트*/
.kry_ph1{font-size:48px; display:none;}
.kry_ph1-monly{font-size:1.55em;}
.kry-ph2{font-size:0.9em; line-height:1.8;}
.cmpg_tt_r{}

.kry-pht1{font-size:1.45em; position:relative; }
span.ttx3{text-align:center; width:100%;}
span.ttx4{text-align:center; width:100%;}
span.ttx5{text-align:center;  width:100%;}
span.ttx6{text-align:center;  width:100%;}
span.ttx7{text-align:center;  width:100%;}
span.ttx8{text-align:center;  width:100%;}

/*color::text*/
.tt-b{color:#111;} /*koroy 가장진한글씨*/
.tt-d{color:#333!important; }  /*koroy 진한글씨*/
.tt-l{color:#636363;}  /*koroy 밝은글씨*/
.tt-w{color:#fff;}  /*koroy 가장밝은글씨*/
.tt-blue{color:#0080bc!important; transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);}  /*koroy 메인컬러*/

/*color::bg*/
.btn-bs{background-color:#0080bc; width:168px; padding:16px 0; border-radius:30px; margin:auto; line-height:16px; cursor:pointer;}  /*koroy 메인btn*/
.btn-short{background-color:#0080bc; width:130px; 

padding:16px 0; border-radius:30px; margin:auto;

line-height:16px; cursor:pointer;}  /*koroy 메인btn*/

.bg-blue{background-color:#0080bc;}  /*koroy 메인컬러*/
.bg-dark{background-color:#333;}  /*koroy 진한글씨*/
.bg-light{background-color:#636363;}  /*koroy 밝은글씨*/
.bg-w{background-color:#fff;}  /*koroy 밝은글씨*/

/*margin-cc*/
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}

/*padding-cc*/
.pdt70{padding-top:60px;}

.pdt60{padding-top:30px;}

.pdt50{padding-top:50px;}
.pdt40{padding-top:40px;}

.pdt30{padding-top:30px;}
.pdt20{padding-top:0px;}
.pdt15{padding-top:15px;}
.pdtb10{padding:10px 0;}
.pdtb15{padding:15px 0 15px 0 ; }
.pdtb20{padding:20px 0;}
.pdtb50{padding:20px 0;}
.prd126{padding-right:160px;}

.hover_img{cursor:pointer; transition: all 0.3s ease;}


.main_mv{display:table;     position: relative;
     padding-bottom: 0%; /* 16:9 Aspect Ratio */
     height: 550px;
     width: 100%; /* You can set this width to whatever suits your needs */
     margin: 0 auto; display:none;
}


#KryVideo{     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
	 height:550px;
	 object-fit:fill;

	}

.kmv_content {display:none; position: absolute; bottom: 0; 
background: rgba(0, 0, 0, 0.5); color: #f1f1f1;
width: 100%;  padding: 20px; text-align:center;}

.kmv_content_2 {position: absolute; top:0;  
color: #f1f1f1;  width: 648px;  height:400px;   text-align:center;
left:50%; margin-left:-324px; display:table;}

#kry_Btn {padding: 10px;  border: none; background: #000; 
width: 200px; color:#e1e1e1;font-size: 18px; border: none;  cursor: pointer; }
#kry_Btn:hover {background: #ddd;color: #000;}

/*main slider*/
.main_sli{display:table; width:100%;}

.main_sli_wrap{ width:100%; display:table;}
.main_sli_wrap > .bx-wrapper{width:100%; display:table; margin:auto;}
.main_sli_wrap .bx-wrapper .bx-pager{}
.main_sli_wrap > .bx-wrapper .bx-pager{ position: absolute; bottom: 40px; width: 100%;}
.main_sli_wrap .bx-wrapper .bx-controls-auto{ position: absolute;  bottom: 20px;  width: 100%;}

.main_sli_wrap .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px;
  display: block;  width: 8px;  height: 8px;  margin: 0 14px;  outline: 0;
  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
  border:1px solid #fff;  }
.main_sli_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #fff;  border:1px solid #fff;}

.main_sli_slide1{width:100%; height:615px; display:table; background-size:cover; background:url('../../images/main/msli_01.jpg') no-repeat center; display:table;}
.main_sli_slide2{width:100%; height:615px;  display:table;background-size:cover; background:url('../../images/main/msli_02.jpg') no-repeat center; display:table;}
.main_sli_slide3{width:100%; height:615px;  display:table;background-size:cover; background:url('../../images/main/msli_03.jpg') no-repeat center; display:table;}
.main_sli_slide4{width:100%; height:615px;  display:table; background-size:cover; background:url('../../images/main/msli_04.jpg') no-repeat center; display:table;}
	
	
/*main-cont4*/

.wrp_main_cont4 {
width: 100%; height:150px; overflow:hidden; display:block;
}

.main_cont4{width:100%; height:150px; 
background:url('../../images/main/mss.jpg') no-repeat center; background-size:cover; display:table;}
/*main-cont5*/
.main_cont5{width:100%; height:578px;}
.main_cont5_left{float:left; width:100%; height:240px; display:table; position:relative; }
.main_cont5_right{margin:auto; width:80%; height:170px;  padding:0 20px; 
background:url('../../images/main/hms_r.jpg') no-repeat center; 
display:table; background-size:cover; margin-bottom:150px;}
.recnt_left > .bx-wrapper{width:100%; display:table; margin:auto; background:#eee;}
.recnt_left .bx-wrapper .bx-pager{}
.recnt_left > .bx-wrapper .bx-pager{ position: absolute; bottom: -30px; width: 100%;}
.recnt_left .bx-wrapper .bx-controls-auto{ position: absolute;  bottom: 20px;  width: 100%;}
.recnt_left .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px;
  display: block;  width: 10px;  height: 10px;  margin: 0 8px;  outline: 0;
  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
  background:#dcdcdc; border:0;}
.recnt_left .bx-wrapper .bx-pager.bx-default-pager a:hover,
.recnt_left .bx-wrapper .bx-pager.bx-default-pager a.active,
.recnt_left .bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #0080bc; }
.footer_wrap > .logo > img{width:130px; height:auto;}

	/*공통레이아웃*/
	.header_grid{padding:0px;}
	#wrap #container #location .all-wrap .loca-wrap .loca-area {
		float: left;
		height: 45px;
		margin-left: 0px;
		transition: all 0.3s ease;
		width:100%;
	}
	#wrap footer .footer_wrap {
		width: 100%;
		margin: 0 auto;
		padding: 60px 6% 70px 6%;
		box-sizing: border-box;
		transition: all 0.3s ease;
	}
	#wrap #header .header_wrap .header_area #gnb {
		text-align: center;	display: inline-block; display:table;	height:97px;
		width:50%; float:left;position:relative;
		lefT:10%;	transition: all 0.3s ease;

	}

	#wrap #header .header_wrap .header_area .util_area {
		float: right;
		position: relative;
		z-index: 100;
		width:210px;
		padding:34px 0;
		/*margin-top: 35px;*/
	}
}


#wrap #header .header_wrap {
    width: 100%;
    background: #fff;
}
#wrap #header .header_wrap .header_area {
	max-width: 1580px;
	min-width: 1280px;
	width:100%;
    height: 97px;
    margin: 0 auto;
    z-index: 900;
}
.header_area{transition: all 0.3s ease;}



#wrap #header .header_wrap .header_area #logo {
    text-align: left;
    float: left;
    margin-top: 32px;
}
#wrap #header .header_wrap .header_area #logo a {
    display: inline-block;
    width: 188px;
    height: 19px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(../../images/sprite/logo_h.png);
    background-position: 0px 0px;
    width: 140px;
    height: 29px;
}

#wrap #header .header_wrap .header_area #gnb>h2 {
    display: none;
}
#wrap #header .header_wrap .header_area #gnb>ul {
    margin-top: 39px;
	vertical-align:middle;
	display:table-cell;
	margin:auto 0 ;
	width:100%;
	position:relative;;
}
#wrap #header .header_wrap .header_area #gnb>ul>li {
    display: inline-block;
    float: left;
	/*height:100%;*/
	height:60px;
	margin-top:39px;
}
#wrap #header .header_wrap .header_area #gnb>ul>li>a {
    padding: 0 28px;
}
#wrap #header .header_wrap .header_area #gnb>ul>li>a span {
    color: #333;
    position: relative;
    font-size: 18px;
    font-weight: 500;
}
#wrap #header .header_wrap .header_area #gnb>ul>li>a span:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
   /* background-color:#0080bc;*/
    transform: scale(0,  1);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -3px;
}
#wrap #header .header_wrap .header_area #gnb>ul>li>a.active span, #wrap #header .header_wrap .header_area #gnb>ul>li>a:hover span {
    color:#0080bc;
}
#wrap #header .header_wrap .header_area #gnb>ul>li>a.active span:after, #wrap #header .header_wrap .header_area #gnb>ul>li>a:hover span:after {
    transform: scale(1,  1);
}


#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li {
    float: left;
    margin: 0 15px;
}
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a span {
    color: #333;
    font-size: 17px;
    position: relative;
    font-weight: 500;
}
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a span:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #0080bc;
    transform: scale(0,  1);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
	top:20px;
    bottom: -3px;
}
#wrap #header .header_wrap .header_area #gnb>ul>li .two_depth div ul li a:hover span:after {
    transform: scale(1,  1);
}

#wrap #header .header_wrap .header_area .util_area .len-sel {
    float: left;
    font-weight: 500;
    color: #333;
    font-size: 13px;
    font-family: sans-serif;
    transition: all 0.3s ease;
    margin-right: 40px;
    position: relative;
    top: 8px;
}
#wrap #header .header_wrap .header_area .util_area .len-sel:hover {
    color:#0080bc;
}
#wrap #header .header_wrap .header_area .util_area ul {
    /*overflow: hidden;*/
    float: left;
    margin-right: 34px;
}
#wrap #header .header_wrap .header_area .util_area ul li {
    float: left;
    margin-left: 23px;
	margin-top:5px;
}
#wrap #header .header_wrap .header_area .util_area ul li:first-child {
    margin-left: 0;
}

#wrap #header .header_wrap .header_area .util_area ul li a {
font-size:16px; 
    display: block;
}

.sns-area > ul > li > a > img{width:30px; height:30px;}

 .menu-trigger {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: relative;
    top: 5px;
    width: 19px;
    height: 15px;
}



 .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;

}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 7px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}
#wrap #header.active .header_wrap #gnb {
    text-align: center;
}
#wrap #header.active .header_wrap #gnb>h2 {
    display: none;
}
#wrap #header.active .header_wrap #gnb>ul>li>a {
    color: #333;
}
#wrap #header.active .header_wrap #gnb>ul>li>a:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
   /* background-color:#0080bc;*/
    transform: scale(0,  1);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -3px;
}
#wrap #header.active .header_wrap #gnb>ul>li>a.active, #wrap #header.active .header_wrap #gnb>ul>li>a:hover {
    color:#0080bc;
}
#wrap #header.active .header_wrap #gnb>ul>li>a.active:after, #wrap #header.active .header_wrap #gnb>ul>li>a:hover:after {
    transform: scale(1,  1);
}
#wrap #header.active .header_wrap .util_area .alliance-btn {
    background: #0080bc;
    font-size: 15px;
    color: #f5f5f5;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    padding: 8px 16px 6px;
}
#wrap #header.active .header_wrap .util_area .util-btn span:before {
    background: #333;
}
#wrap #header.active .header_wrap .util_area .util-btn span a {
    color: #333;
}
#wrap #header.active .header_wrap .util_area .menu-trigger span {
    background-color: #222;
}
#wrap #container {
  padding-top: 51px;
  overflow-x:hidden;
}
.padding_cc{
    padding-top: 97px !important;
}
#wrap #container #location {
    width: 100%;
    position: relative;
    height: 45px;
    z-index: 100;
    background: #f5f5f5;
	border-bottom:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;

}
#wrap #container #location .all-wrap {


    width: 100%;
    height: 45px;
    margin: 0 auto;
}
#wrap #container #location .all-wrap .loca-wrap {
    width: 100%;
    margin: 0 auto;
    height: 45px;
}

#wrap #container #location .all-wrap .loca-wrap .loca-area i {

	display:none;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 34px;
    height: 34px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul {
    float: left;
	width:100%;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    width: 50%;
    height: 45px;
    position: relative;
}

#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.once-bar {
	background-image:none;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.once-bar.active {
    background-image: none;
    background-repeat: no-repeat;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button {
    height: 45px;
    width: 100%;
    position: relative;
    color: #fff;
    text-align: left;
    padding-left: 1px;
    background-image: url("../../images/icon/loca_arrow_off.png");
    background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;

}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.active {
	background-image: url("../../images/icon/loca_arrow_on_m.png");
    background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;

}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button.active span {
	color:#636363;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li:first-child button:before{display:none;}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button:before{
    position: absolute;
    top: 0px;
    left: 0;
    width: 1px;
    height: 45px;
    background: #d5d5d5;
    content: ""
	}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li button span {
    padding-left: 19px;
    font-size: 0.9em;
    font-weight: 500;
    color: #636363;
	position:relative;
	top:-2px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li:last-child button:after {
    position: absolute;
    top: 0px;
    right: 1px;
    width: 0px;
    height: 45px;
    background: #d5d5d5;
    content: ""
	}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div {
    overflow: hidden;
    height: 0;
    position: relative;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 30px 0;
    background: #fff;
	border-right:1px solid #d6d6d6;
	box-shadow:  inset #d6d6d6 0px 0px 0px 1px
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li {
    margin-top: 19px;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li:first-child {
    margin-top: 0;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {
    font-size: 1em;
    font-weight: 500;
    color: #636363;
    display: inline-block;
    position: relative;
    margin-left: 19px;
    box-sizing: border-box;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #f5f5f5;
    transform: scale(0,  1);
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: -7px;
    transform-origin: left;
}
#wrap #container #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover:after {
    transform: scale(1,  1);
}
#wrap #container #location .all-wrap .loca-wrap .share-area {
    float: right;
    margin-right: 18px;
    padding: 18px 0;
    box-sizing: border-box;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap {
    width: 151px;
    height: 34px;
    overflow: hidden;
    float: left;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area {
    width: 151px;
    height: 34px;
    position: relative;
    left: 200px;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {
    overflow: hidden;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {
    float: left;
    margin-left: 13px;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {
    margin-left: 0;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn {
    width: 34px;
    height: 34px;
    background-image: url("../../images/btn/share_open_bt.png");
    float: right;
    text-indent: -9999px;
    padding-left: 18px;
    box-sizing: unset;
    background-repeat: no-repeat;
    background-position-x: right;
    transition: all .5s ease;
}
#wrap #container #location .all-wrap .loca-wrap .share-area .share-btn.active {
    background-image: url("../../images/btn/share_close_bt.png");
    border-left: 1px solid #6c9bdb;
}
#wrap #container #location.fix {
    width: 100%;
    position: fixed;
    top: 0;
}
#wrap #container #location.fix .all-wrap {
    width: 100%}
#wrap #container #content .content_wrap {
    padding: 100px 0 150px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#wrap #container #content .model_wrap {
    padding: 0 00 px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#wrap #container #content .model_wrap .cate_h1{
    font-family: 'NanumSquare';
    text-align: center;
    font-size: 40px;
    color: #FFF;
    font-weight: 400;
}

#wrap #container #content .model_wrap .title_hd{
    text-align: center;
    font-size: 50px;
    color: #FFF;
    font-weight: 700;
	margin-top:55px;
}

#wrap #container #content .model_wrap .title_sub{
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
	line-height:1.6;
	margin-top:30px;


}



#wrap #container #content .content_wrap h2 {
    text-align: center;
    font-size: 40px;
    color: #333;
    font-weight: bold;
}
#wrap footer {
    background: #2d2d2d;
}

.logo_wrap{width:15%; height:97px; display:table; float:left;}
#wrap footer .footer_wrap .logo {
    text-align: center; padding:20px 0;
	width:100%; float:left; position:relative; top:50px;
}
#wrap footer .footer_wrap .add-wrap {
position:relative;
top:-50px;
    border-top: 1px solid #505050;
    margin-top: 21px;
    /*overflow: hidden;*/
	display:table;
	padding:20px 5% ;
	width:90%;
	height:276px;
}
#wrap footer .footer_wrap .add-wrap .add-area {
position:Relative;
top:100px;
text-align:center;
/*    float: left;*/
    margin-top: 42px;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area {
position:Relative;top: 120px;overflow: hidden;text-align:center;background: #636363;
width: 110px;margin: auto;padding: 4px 0 8px 0;border-radius: 5px;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area li {
   display:inline;
    position: relative;
	
text-align:center;
}
/*if 320 iphone case*/
@media all and (max-width:320px) {

#wrap footer .footer_wrap .add-wrap .add-area .util_area li a{font-size:0.7em !important;}
#wrap footer .footer_wrap .add-wrap .add-area address{font-size:0.75em !important;}


}

.util_area li:nth-child(1){width:34%; }
.util_area li:nth-child(2){width:66%; } 
.util_area li:nth-child(2):before{    left: 5px !important;}
.util_area li:nth-child(3){width:48%; margin-top:8px; text-align:right !important;}
.util_area li:nth-child(3):before{display:none !important;}
.util_area li:nth-child(4){width:35%; margin-top:8px; text-align:left;}

#wrap footer .footer_wrap .add-wrap .add-area .util_area li:before {
    content: "";
    width: 2px;
    height: 13px;
    background: #7f7f7f;
    position: absolute;
    top: 3px;
    left: 7px;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area li:first-child {
    padding-left: 0;
    margin-left: 0;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area li:first-child:before {
    display: none;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area li a {
    font-size: 0.75em;
    color: #d2d2d2;
    font-weight: 500;
    transition: all 0.3s ease;
}
#wrap footer .footer_wrap .add-wrap .add-area .util_area li a:hover {
    color:#0080bc;
}
#wrap footer .footer_wrap .add-wrap .add-area address {
position:relative; 
top:110px;
	text-align:center;
	color: #a8a8a8;
    font-size: 0.8em;
    line-height: 24px;
    margin-top: 26px;
	font-weight:300;
}


#wrap footer .footer_wrap .add-wrap .sns-area {
position:relative; top:3px;
    float: right;
    margin-top: 33px;
	width:100%;
}

#wrap footer .footer_wrap .add-wrap .add-area p {
	color: #898989;
    font-size: 15px;
    line-height: 24px;
	width:100%;
}
#wrap footer .footer_wrap .add-wrap .add-area p button {
	color: #898989;
	font-weight:500;
}


#wrap footer .footer_wrap .add-wrap .sns-area ul {
width:100%;
   /* overflow: hidden;*/
}
#wrap footer .footer_wrap .add-wrap .sns-area ul li {
    float: left;
    width:calc(100%/4);
    text-align:center;

}

.sns-area_sele{margin-right:0px!important; position:relative; top:-95px; 
margin-left:16px !important;; float:left; width:100% !important;}

.header_dimmed {
    z-index: 400;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #000;
}
.popup_dimmed {
    z-index: 800;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    opacity: .3;
    filter: alpha(opacity=30);
    background-color: #000;
}
.tit-tp {
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #333;
    padding-bottom: 65px;
}
.tit-tp:before {
    content: "";
    width: 3px;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 1px;
    background: #0080bc;
}
.tit-tp2 {
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #f5f5f5;
    padding-bottom: 65px;
}
.tit-tp2:before {
    content: "";
    width: 3px;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 1px;
    background: #0080bc;
}
.tab-area {
    text-align: center;
}
.tab-area a {
    margin-left: 8px;
    display: inline-block;
    width: 188px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #f5f5f5;
}
.tab-area a span {
    font-size: 18px;
    color: #d2d2d2;
    font-weight: 500;
}
.tab-area a:first-child {
    margin-left: 0;
}
.tab-area a.active {
    background-color: #333;
    border: 1px solid #222;
    position: relative;
}
.tab-area a.active:before {
    content: "";
    background-image: url("../../images/icon/active_tab_arrow.png");
    width: 15px;
    height: 8px;
    position: absolute;
    top: 49px;
    left: 50%;
    margin-left: -7px;
}
.tab-area a.active span {
    color: #f5f5f5;
}
.srch-area {
    width: 1030px;
    height: 42px;
    position: relative;
    margin: 40px auto 0;
}
.srch-area:after {
    clear: both;
    display: block;
    content: ""}
.srch-area .right-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.srch-area .right-wrap .sel-area {
    float: left;
    width: 150px;
    background-color: #f5f5f5;
    margin-right: 8px;
    border: 1px solid #f5f5f5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.srch-area .right-wrap .sel-area button {
    width: 100%;
    height: 40px;
    text-align: left;
    color: #333;
    padding-left: 19px;
    background: url("../../images/icon/sel_arrow_off.png") 100% 50% no-repeat;
}
.srch-area .right-wrap .sel-area .sel-list {
    display: none;
    padding: 2px 0 12px 0;
}
.srch-area .right-wrap .sel-area .sel-list li a {
    padding: 8px 0 8px 19px;
    display: block;
    color: #333;
}
.srch-area .right-wrap .sel-area .sel-list li a:hover {
    color:#0080bc;
}
.srch-area .right-wrap .sel-area.active {
    background-color: #fff;
    border: 1px solid #0080bc;
}
.srch-area .right-wrap .sel-area.active button {
    background: url("../../images/icon/sel_arrow_on.png") 100% 50% no-repeat;
}
.srch-area .right-wrap .input-area {
    width: 240px;
    height: 40px;
    float: right;
    position: relative;
}
.srch-area .right-wrap .input-area input {
    float: left;
    width: 168px;
    padding-right: 50px;
    outline: none;
    height: 36px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    transition: all 0.3s ease;
}
.srch-area .right-wrap .input-area input:focus {
    background: #fff;
    border: 1px solid #0080bc;
}
.srch-area .right-wrap .input-area a {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 50px;
    height: 40px;
    background-image: url("../../images/btn/srch_btn.png");
}
.list-type {
    width: 1030px;
    margin: 24px auto 0;
    overflow: hidden;
}
.list-type li {
    width: 334px;
    height: 373px;
    position: relative;
    float: left;
    margin-left: 14px;
}
.list-type li:first-child, .list-type li:nth-child(4) {
    margin-left: 0;
}
.list-type li:nth-child(4), .list-type li:nth-child(5), .list-type li:nth-child(6) {
    margin-top: 30px;
}
.list-type li a {
    display: block;
    width: 334px;
    height: 373px;
    position: relative;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    transition: all .3s ease;
}
.list-type li a .img-area {
    position: relative;
    left: -1px;
    top: -1px;
}
.list-type li a:hover {
    -moz-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 13px 10px rgba(0, 0, 0, 0.1);
}
.list-type li a:hover .hover {
    opacity: 1;
}
.list-type li a .txt-area {
    padding: 20px 30px 10px 30px;
}
.list-type li a .txt-area .tit {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 32px;
}
.list-type li a .txt-area .txt {
    line-height: 26px;
    margin-top: 18px;
}
.list-type li a .util-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    color: #333;
    padding: 10px 30px 10px 30px;
    box-sizing: border-box;
}
.list-type li a .util-area .date {
    float: left;
    line-height: 29px;
    font-weight: 500;
}
.list-type li a .util-area .noti {
    display: inline-block;
    float: right;
    background: #0080bc;
    color: #f5f5f5;
    text-align: center;
    width: 99px;
    height: 29px;
    line-height: 29px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.list-type li a .hover {
    width: 330px;
    height: 369px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid #0080bc;
    opacity: 0;
    transition: all 0.3s ease;
}
.box-type {
    border: 3px solid #222;
    padding: 58px 0 58px;
}
.btn-area {
    text-align: center;
    margin-top: 70px;
}
.btn-area .#0080bc-bt {
    display: inline-block;
    width: 180px;
    height: 54px;
    line-height: 54px;
    background: #f03223;
    text-align: center;
    color: #f5f5f5;
}
.paging {
    text-align: center;
    position: relative;
    margin-top: 50px;
}
.paging ul {
    overflow: hidden;
    display: inline-block;
}
.paging ul li {
    margin: 0 3px;
    float: left;
}
.paging ul li.active a {
    border: 1px solid #0080bc;
    color: #fff;
    background: #0080bc;
}
.paging ul li.first a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../images/btn/paging_fir.png");
}
.paging ul li.prev a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../images/btn/paging_prv.png");
    margin-right: 20px;
}
.paging ul li.next a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../images/btn/paging_nxt.png");
    margin-left: 20px;
}
.paging ul li.last a {
    border: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../images/btn/paging_end.png");
}
.paging ul li a {
    width: 34px;
    height: 34px;
    border-radius: 34px;
    color: #333;
    line-height: 32px;
    display: inline-block;
    box-sizing: border-box;
}

/*mobile only gnb*/
.header-m_wrap{height:50px; width:100%; display:table; background:#fff;}
.header-m-l{width:20%; display:inline-block;}
.header-m-c{width:60%; display:inline-block; padding:12px 0;}
.header-m_logo{width:117px; margin:auto;}
.header-m-r{width:20%; display:inline-block;}
.mgnb_btn{left:20%; top:5px;  height:25px; position:relative; width:20px; display:Table;}
.gnb-m_logo{width:117px; position:relative; lefT:20px;}
.mgnb_btn-active{top:5px; left:33%; }
.mgnb_asset1{width:22px; height:2px; position:absolute; top:0px; background:#000000;}
.mgnb_asset1-active{width:25px; height:2px; transition: all 0.4s ease; transform:rotate(-45deg); top:8px;  background:#fff;}
.mgnb_asset2{width:22px; height:2px; position:absolute; top:8px; background:#000000; opacity:1;}
.mgnb_asset2-active{opacity:0;  transition: all 0.2s ease;}
.mgnb_asset3{width:22px; height:2px; position:absolute; top:16px; background:#000000;}
.mgnb_asset3-active{width:25px; height:2px; transition: all 0.4s ease;  transform:rotate(45deg); top:8px;   background:#fff;}
.mgnb_wrap{width:100%; height:100%; left:-0; top:0; opacity:1; position:fixed; z-index:-10; 
transition: all 0.8s ease;}
.mgnb_wrap-active{width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.55);
position:fixed; z-index:5000; transition: all 0.8s ease;}
.mgnb_grid{width:78%; height:100vh; background:#fff; position:absolute; top:0; left:-100%; transform: translateX(-120%); transition: all 0.8s ease;}
.mgnb_grid-active{width:78%; height:100%; background:#fff; position:absolute; top:0; left:0%;   transform: translateX(0%); transition: all 0.8s ease;}

.mgnb_hds{width:100%; height:50px; background:#0080bc; position:fixed; top:0; z-index:5000}
.mgnb_hds_left{float:left; width:80%; padding:12px 0;}
.mgnb_hds_right{float:right; width:20%; padding:12px 0; z-index:5001;}
.mgnb_blnk{float:right; width:22%; height:100%;}

.gnb_sl{width:100%; display:table; padding:19px 0;}
.gnb_sl_arrw_box{float:right; width:20%; height:22px;}
.arrsts_dw{width:22px; height:22px; margin:auto;background:url('../../images/layout/mgnb_arr_dw.png') center no-repeat; background-size:cover; position:relative; right:4px;}
.arrsts_up{width:22px; height:22px; margin:auto;background:url('../../images/layout/mgnb_arr_up.png') center no-repeat; background-size:cover; position:relative; right:4px; }
.gnb_sl_tt_grid{width:100%; display:table; padding:15px 0; margin-top:50px;}
.gnb_sl_tt_box{width:100%; display:table; border-top:1px solid #d6d6d6;}
.gnb_sl_tt_box:first-child{border-top:0px solid #d6d6d6;}
.gnb_sl_tt_box:last-child{border-bottom:1px solid #d6d6d6;}

.gnb_sl_left_tt{float:left; width:80%; height:22px;}
.gnb_sl_left_tt span{position:relative; lefT:20px; top:3px;}
.gnb_panel{background:#ececec; width:100%; display:none; }
ul.gnb_2dpth{}
li.mgnb_2dpth_li{ border-top:1px solid #d6d6d6;}
li.mgnb_2dpth_li a{padding:19px 0 ; display:inline-block; width:100%;}

li.mgnb_2dpth_li:last-child{ border-bottom:0px solid #d6d6d6;}
li.mgnb_2dpth_li span{padding:0 8px 0 20px;}

.gnb_sl_ft_grid{width:100%; display:table; padding:40px 0; position:relative;}
.gnb_sl_ft_grid_langop{width:100%; display:table; padding:40px 0 360px 0;  position:relative;}

.gnb_sl_ft-box1{width:87%; margin:auto;  background:#a8a8a8; font-size:1em;
padding:18px 0 18px 0px; }
.gnb_sl_ft-tt{padding-left:15px;}

.gnb_sl_ft-box2{width:87%; margin:5px auto 0 auto; background:#a8a8a8; font-size:1em; 
padding:18px 0 18px 0px;}
.mgnbft-box2-inner{ display:table; width:100%;}
.mgnbft-box2-inleft{float:left;}
.mgnbft-box2-inleft span{padding-left:15px;}
.mgnbft-box2-inright{float:right;}

.mgnbft-box2-arrbox-dw{width:12px; height:12px; position:relative; right:20px; top:2px; background:url('../../images/layout/arrw_dw.png')center no-repeat; background-size:cover;

}

.mgnbft-box2-arrbox-up{width:12px; height:12px; position:relative; right:20px; background:url('../../images/layout/arrw_up.png')center no-repeat; background-size:cover;

}
.mgnbft-box2_listgrid{position:absolute; left:6.5%; width:87%; top:21.3%; margin:auto; display:none; }
li.lang_sele_list{padding:0; background:#383838; padding:13px 0; border-bottom:1px solid #a8a8a8;}
li.lang_sele_list span{padding:0 10px;}





/*common pagenation*/
.cm_pagenation_calcbox{width:auto; margin:auto; height:37px; padding:0 0 50px 0; display:none;}
.cm_pagenation_left_ul{ display:table; background:#fff; float:left;  cursor:pointer;}
.cm_pagenation_left_ul > .cm_pagenation_li{width:35px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:10px 0; font-size:15px; float:left; margin-right:3px;}
.cm_pagenation_left_ul > .cm_pagenation_li:nth-child(1){background:url('../../images/btn/pg_arr_left_d.png'); background-size:cover;}
.cm_pagenation_left_ul > .cm_pagenation_li:nth-child(2){background:url('../../images/btn/pg_arr_left.png'); background-size:cover; margin-right:10px;}
.cm_pagenation_left_ul > .cm_pagenation_li a{width:35px; height:32px; display:block; position:relative; top:-10px;}

.cm_pagenation_num_ul{ display:table; background:#fff; float:left; cursor:pointer;}
.cm_pagenation_num_ul > .cm_pagenation_li{width:35px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:10px 0; font-size:15px; float:left; margin-right:3px; }
.cm_pagenation_num_ul > .cm_pagenation_li:last-child{margin-right:0px;} 
.cm_pagenation_num_ul > .cm_pagenation_li a{width:35px; padding:10px 0; position:relative; top:-11px; display:block;}

.cm_pagenation_right_ul{ display:table; background:#fff; float:left;}
.cm_pagenation_right_ul > .cm_pagenation_li{width:35px; height:15px; border:1px solid #d8d8d8; text-align:center; padding:10px 0; font-size:15px; float:left; margin-right:3px; }
.cm_pagenation_right_ul > .cm_pagenation_li:nth-child(1){background:url('../../images/btn/pg_arr_right.png'); background-size:cover; margin-left:10px;} 
.cm_pagenation_right_ul > .cm_pagenation_li:nth-child(2){background:url('../../images/btn/pg_arr_right_d.png'); background-size:cover;  margin-right:0px;}
.cm_pagenation_right_ul > .cm_pagenation_li a{width:35px; height:32px; display:block; position:relative; top:-10px;}

.pgli_active{background:#0080bc!important; color:#fff!important; border:1px solid #0080bc!important;}
.pgli_active a{background:#0080bc!important; color:#fff!important; border:1px solid #0080bc!important;}

/*dimmed layer common preset-*/

.dimmed_table{width:100%; height:100%; position:absolute; display:table;}
.dimmed_table-cell{width:100%; height:100%;  display:table-cell; vertical-align:middle; }
.prod_img_popupimg{margin:auto; max-width:1280px;  min-width:1100px; border-radius:3px; position:relative;}


/*for fixing that background-attachment bug of css*/
.cmbg{ background-attachment:fixed;}
.cmbg_ie{ background-attachment:scroll !important;}
.cm_wrap{width:100%; display:table;}
.cm_page_mv_align{padding:0 0 100px 0;}


/*common page asset*/
.cm1180wrap_pd0{width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 0px 0;}
.cm1180wrap{width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 100px 0;}
.cm1180wrap_10{width:1180px; background:#fff; display:table; margin:auto; padding: 0 0 10px 0;}
.cm1180wrap_pd50{width:1180px; background:#fff; display:table; margin:auto; padding: 50px 00;}
.cm1180wrap_pd5030{width:1180px; background:#fff; display:table; margin:auto; padding: 50px 0 30px 0;}

.cm_hd_title{padding:100px 0 75px 0; }
.cm_faqhd_title{padding:60px 0 45px 0; }

h2.cm_hd_title_h2{font-size:40px; color:#333; font-weight:700; text-align:center; letter-spacing:-0.5px;}
h3.cm_hd_title_h3{font-size:18px; color:#636363; font-weight:500; text-align:center; letter-spacing:0px; padding:40px 0 0 0 ; line-height:170%;}
h2.cm_faq_stitle{font-size:27px; color:#333; font-weight:700; text-align:left; letter-spacing:-0.5px;}
.cm_1180cont{width:1180px; margin:auto;}
.cm_560cont{width:560px;}

.cm_vt{vertical-align:middle; display:table-cell; }
.cmtt_hd{font-size:20px; line-height:150%;}
.cmtt_h1{font-size:30px; line-height:150%;}
.cmtt_h2{font-size:16px; line-height:170%;}
.cmcl_light{color:#fff;}

.cont_v{width:50%;}
.cmtt500{font-weight:500;}
.cmtt300{font-weight:300;}
.cmtt700{font-weight:700;}
.cmttct{text-align:center;}
.cmttlt{text-align:left;}
.cmttrt{text-align:right;}

.cmpd-t50{padding:50px 0 0 0 }
.cmpd-t20{padding:20px 0 0 0 }

.cmpd-vt50{padding:50px 0;}


/*common check asset*/
input.cm_check[type=checkbox]{position: absolute; visibility: hidden;}
input.cm_check[type=checkbox]:checked ~ label{color:#f03223;}
input.cm_check[type=checkbox]:checked ~ label:before {}
input.cm_check[type=checkbox]:checked ~ label:after { opacity: 1; filter: alpha(opacity=100);}

.cm_check_st{float:left; padding-right:30px;}
.cm_check_st label {font-size: 16px; position: relative; padding-left: 25px; line-height: 20px; cursor: pointer; font-weight:300; }

.cm_check_st label:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #a8a8a8;
    background-color: #FFF;
    content: "";
	color:#0080bc;}

.cm_check_st label:after {
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
    background: url('../../images/icon/chk_box_active.gif') 50% 50% no-repeat;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
	color:#0080bc;
	}



/*search page asset*/

.cm_search_boxwrap{width:1174px; border:3px solid #333; display:table;}
.cm_search_box_align{padding:50px 80px;}
.cm_search_box_align-archonly{padding:30px 80px;}
.cm_search_box_liner{width:100%; height:49px; border-bottom:1px solid #d6d6d6; display:table; font-size:16px; color:#333; font-weight:500; }
.cm_search_box_liner_inner{padding:15px 0; }
.cm_padding16tb{padding:15px 0;}
.cm_search_box_liner:last-child{border-bottom:0px;}
.searach_filter_st{width:17%; float:left;}
.searach_filter_ss{float:left; width:83%;}
input.cm_search{background:#fff; border:0px solid #d6d6d6; height:42px; width:100%; resize:none;}
input.cm_search::placeholder{text-indent:20px; color:#a8a8a8; font-weight:300;}
input.cm_search::-webkit-placeholder{text-indent:0px; color:#a8a8a8;font-weight:300;}
input.cm_search:-moz-placeholder{text-indent:0px; color:#a8a8a8;font-weight:300;}
input.cm_search::-moz-placeholder{text-indent:0px; color:#a8a8a8;font-weight:300;}
input.cm_search:-ms-placeholder{text-indent:0px; color:#a8a8a8;font-weight:300;}


.cm_submit_box_align{padding:30px 0px;}
.cm_submit_box{background:#f03223; width:180px; height:55px; display:table; margin:auto;}
.cm_submit_box_inner{display:table-cell; vertical-align:middle; text-align:center; font-size:16px; color:#fff; cursor:pointer;}
.search_wrap{display:table; width:100%;}
.cm_search_result_wrap{width:1180px; display:table;}
.cm_search_result_align{padding:30px 0;}
.cm_search_result_hd{width:100%; padding:16px 0; display:table; border-bottom:2px solid #636363;}
.cm_search_result_hd_txt{font-size:16px; font-weight:500; color:#636363; text-indent:18px;}
.cm_search_result_hd_txt span{color:#f03223; }
.cm_search_result_grid{width:100%; display:table; padding:0 0 100px 0;}



.padd_comf{padding-bottom:40px !important;;}

.common_wrap{border-top:0px solid #d6d6d6;}
.common_grid{width:100%;  display:table; margin:auto;  transition: all 0.5s ease;}
.common_prd_grid{width:100%;  display:table; margin:auto;}

.cmpg-hdtt{opacity:0;  transition: opacity 1.4s ease-out}
.cmpg-hdtt-active{ opacity:1;  transition: opacity 1.4s ease-out; text-align:center; }
.common_pg_title{width:100%; height:100px; position:relative;}
.common_pg_title-active{height:145px;}
.cmpg-liner{float:left; width:100%; height:1.45em;
border-bottom:0px solid #0080bc; padding:40px 0 35px 0; transform: translateY(-60%);}
.cmpg-liner-active{transform: translateY(0%);

}

.intro_cp_int_box{width:100%; display:table; }
.intro_cp_int_left{width:90%; padding: 0 5%;}
.intro_cp_int_left br{display:none;}
.intro_cp_int_right{width:90%; padding:20px 5% 25px 5%;}


.txt-int-r{opacity:0; transition: opacity 1.4s ease-out; transform: translateY(-50%);}
.txt-int-r-active{opacity:1; 
transition: opacity 1.4s ease-out;
transform: translateY(0%); transition: all 1.5s ease; display:none;}
.fixed-loca{
width:100%; position:fixed !important;
top:0; height:60px; border-bottom:1px solid #d6d6d6;
}

.cm_input_wrap{border:1px solid #a4a4a4; width:100%; display:table; height:50px; margin-top:10px;}
.cm_input_wrap-active{border:1px solid #0080bc;}
.cm_input{width:85%; float:left;}
.cm_search_bar{width:92%; display:table;  margin:auto; padding:0px 4%; }
.cm_submit{ width:15%; height:50px;
background:#fff url('../../images/icon/searchm.png') no-repeat 45% center; 
 color:#fff; float:left; background-size:30%;}
.cm_submit span{position:relative; left:10px; display:none;}

/*sub-intro::company*/
.ao_value_aligngrid{width:90%; display:table; padding:65px 5% 40px 5% ;}
.ao_value_grid{width:100%; padding:65px 0 60px 0; display:table; background:#0080bc;}
.intro_cp_h1{font-size:1.25em; line-height:150%; position:RELATIVE;  padding:0 0% 0 0 ;}
.intro_cp_tt1{font-size:1em; line-height:180%;}


.intro_cp_bgimg{width:100%; floaT:left; height:215px; transition: all 1.2s ease;}
.intro_cp_bgimg:nth-child(2){margin-top:4px;}
.intro_cp_bgimg-after{width:40% !important; transition: all 1.2s ease; filter:grayscale(0.8);}
.cp_bgimg-acitve{width:60%; transition: all 1.2s ease; }
.cp_bg1{background:url('../../images/sub/intro_img1.jpg') center no-repeat; 
background-size:cover; }
.cp_bg2{background:url('../../images/sub/intro_img2.jpg') center no-repeat; 
background-size:cover; }

.intro_cp_hd1{font-size:1.25em;}
.intro_cp_hd12{font-size:0.9em; line-height:1.5; padding: 0 0% 30px 0%;}
.intro_cp_hd12 br{display:none;}
.intro_cp_hdbar{width:40px; height:2px; background:#fff; margin:25px auto 30px auto;}
.intro_cp_hdbar_rv{width:40px; height:2px; background:#0080bc; margin:25px auto 30px auto;}
.intro_cp_hdbar_rvl{width:40px; height:2px; background:#22b9ff; margin:25px auto 30px auto;}

.sub_ao span{margin:-3px;}
.sub_ao span:nth-child(9){margin-left:10px;}
.sub_ao span:nth-child(20){margin-left:3px;}
.sub_ao span{opacity:0; transform:translateY(0%);}
.sub_ao-after{opacity:1!important; transform:translateY(0%); }


.intro_cp_leftst{width:100%; padding:20px  0%; display:table;}
.intro_cp_leftst_inner{margin:auto;  padding:0px 0 0; display:table; }
.intro_cp_leftst_img{width:210px; height:200px; margin:auto;
transition: all 1.2s ease; filter:grayscale(1);
background:url('../../images/sub/intro_img3.png') no-repeat; background-size:cover;
}

.intro_cp_rightst{width:100%; padding:20px 0%; display:table;}
.intro_cp_rightst_inner{margin:auto; padding:00px 0 0; display:table;}
.intro_cp_rightst_img{width:210px; height:200px; margin:auto; 
transition: all 1.2s ease; filter:grayscale(1); 
background:url('../../images/sub/intro_img4.png'); background-size:cover;}
.cpll-active{filter:grayscale(0); transition: all 2s ease;}
.intro_cpst_h1{font-size:1.9em; padding:20px 0 10px 0 ;}
.intro_cpst_h2{font-size:1.24em;}
.intro_cpst_h3{line-height:180%; padding:30px 5% 0px 5%;  font-size:0.9em;}

.intro_cp_hd2{font-size:1.8em;  transition: all 1.2s ease;}
.intro_cp_hd3{font-size:1.25em; padding: 30px 10% 20px 10%; line-height:1.5em; word-break:keep-all;}
.intro_cp_hd4{font-size:1.25em; padding: 0 0 30px 0 ;  line-height:1.5em; word-break:keep-all;}


.intro_valueinner{width:100%; display:table; padding:65px 0 40px 0}
.intro-vbx-align{width:100%; max-width:1110px; display:table; margin:auto; position:relative;}
.triangle-right1 {float:right; position:absolute; top:82px; right:-16%;
transform:rotate(90deg); width: 0; 	height: 0; 	border-left: 5px solid transparent;
border-right: 5px solid transparent; 	border-bottom: 10px solid #636363;}
.triangle-right2 {float:left; position:absolute; top:82px; left:-20px;
transform:rotate(90deg); width: 0; 	height: 0; 	border-left: 5px solid transparent;
border-right: 5px solid transparent; 	border-bottom: 10px solid #636363;}			

.intro_cp_vbxgrid{width:100%;  display:none;}
.intro_cp_vbxgrid_m{width:100%; display:table;}
.intro-vbx-c_grid{position:absolute;  top:120px; margin-left:-89px;}
.intro-vbx-c_circle{position:relative; z-index:10; width:178px; height:178px; border-radius:50%; background:#0080bc; display:table;}
.intro-vbx-c-line{position:absolute; width:80%; height:1px; border-top:2px solid #a8a8a8; top:50%; left:50%; margin-left:-40%; z-index:5;}
.intro-vbx-l_grid{width:100%; display:table; position:relative;}
.intro-vbx-l-cline{position:absolute; lefT:60px; top:58px; width:68%; height:295px; border-top-right-radius:150px;  border-bottom-right-radius:150px; border:2px solid #a8a8a8; border-lefT:0; z-index:5;}
.intro-vbx-l_align{float:left; padding-left:8%;}
.intro-vbx-r_grid{width:100%; display:table; position:relative;}
.intro-vbx-r-cline{position:absolute; right:60px; top:58px; width:68%; height:295px; border-top-left-radius:150px;  border-bottom-left-radius:150px; border:2px solid #a8a8a8; border-right:0; z-index:5;}
.intro-vbx-r_align{float:right; padding-right:8%;}

.value_box{position:relative; ; z-index:12; width:228px; height:120px; border:2px solid #0080bc; border-radius:80px; display:table; background:#fff;}
.intro-vbx-l1{}
.intro-vbx-l2{margin-top:20px;}
.intro-vbx-l3{margin-top:20px;}
.intro-vbx-r1{}
.intro-vbx-r2{margin-top:20px;}
.intro-vbx-r3{margin-top:20px;}
.intro-cp_value_h1{font-size:22px;}
.intro-cp_value_h2{font-size:22px; padding:10px 0 0 0;}
.intro-cp_value_cc{font-size:30px; padding:10px 0 0 0 ;}


.intro_cp_rule_wrap{width:100%; height:600px; background:url('../../images/sub/intro_img5_bg.jpg');  overflow:hidden;}
.intro_cp_rule_grid{width:100%; padding:65px 0 0 0; overflow:hidden;}
.intro_cp_rule_scc{ overflow:scroll; overflow-x:scroll; overflow-y:hidden;}

.rule_box_align{width:100%;  margin:auto; display:table; padding:35px 5%;}
.rule_box{width:240px; margin-right:20px;  background:#eee; padding:40px;
float:left;  border-radius:12px;	box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
	-webkit-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px;
       -moz-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px;
		-ms-box-shadow:rgba(0,0,0,0.3) 7px 11px 20px 8px; 
		
	}
.rule_box:last-child{margin-right:0px;}
.rule_box_h1{font-size:1.25em; letter-spacing:2px; float:left; width:20%; 
position:relative; top:18px;}
.rule_box_h2{font-size:1.25em;; padding:20px 0 10px 0; text-align:left !important; position:relative; left:60px;}
.rule_box_h3{font-size:0.9em; color:#333; text-align:left !important; position:relative;  
left:60px;  padding: 20px 0 10px 0; }


.rblx1{opacity:0; transition: all 1.2s ease-out; transform:translateY(200%);}
.rblx2{opacity:0; transition: all 1.2s ease-out; transform:translateY(200%);}
.rblx3{opacity:0; transition: all 1.2s ease-out; transform:translateY(200%);}
.rblx1-active{opacity:1; transition: all 1.2s ease-out; transform:translateY(0);}
.rblx2-active{opacity:1; transition: all 1.4s ease-out; transform:translateY(0);}
.rblx3-active{opacity:1; transition: all 1.6s ease-out; transform:translateY(0);}

.rbi1{}
.rbi2{padding-top:25px; border-top:1px solid #d0d0d0; margin-top:25px;}
.rbi3{padding-top:25px; border-top:1px solid #d0d0d0; margin-top:25px;}

.intro_cp_cert_wrap{width:100%; height:580px; display:table; background:#fff; }
.intro_cp_cert_grid{width:100%; height:200px; 
background:#ececec; position:relative; padding:65px 0 150px 0 ;}
.intro_cp_certbox{display:table; width:100%; 
position:absolute;  top:206px;

}
.intro_cp_certbox_inner{display:table; 	margin:auto; 
}
.intro_cp_certbox-box1{float:left; position:absolute; }
.intro_cp_certbox-box2{float:left; position:absolute;}
.intro_cp_certbox-box3{float:left; position:absolute;}

.intro_cp_certbox-box-align{position:relative; display:table; 
width:90%; margin:auto; top:40px;  background:#0080bc; padding-bottom:20px;


}
.intro_cp_certbox-box-align img{	box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		width:70%;
		text-align:center; 
		margin-top:40px;
		margin:auto;
		position:Relative;
		top:-90px;

		}

.intro_cp_certbox-box-tt{position:relative; font-size:1em; 
top:-50px; line-height:150%; padding: 0 0 50px 0 }
.intro_cp_certbox > .bx-wrapper{width:95%; background:none;}
.intro_cp_certbox > .bx-wrapper > .bx-viewport{ overflow:inherit !important; }

.intro_cp_certbox > .bx-wrapper .bx-pager.bx-default-pager a{
  text-indent: -9999px;
  display: block;
  width: 9px;
  height: 9px;
  margin: 0 8px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background:#dcdcdc;

}
.intro_cp_certbox > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.intro_cp_certbox > .bx-wrapper .bx-pager.bx-default-pager a.active,
.intro_cp_certbox > .bx-wrapper .bx-pager.bx-default-pager a:focus { 
 background:#0080bc; }
.intro_cp_certbox > .bx-wrapper .bx-pager, 
.intro_cp_certbox > .bx-wrapper .bx-controls-auto{
   position: absolute;
  bottom: 30px;
  width: 100%;}


.llvv_align{display:table; width:90%; padding:100px 5% 50px 5% ;}
.llvv_box{width:100%; display:table;}
.llvv_img{}
.llvv_align-inner{padding:30px 0 30px 0 ;}
.llvv_h1{font-size:1.25em; padding:0 0 20px 0}
.llvv_h2{font-size:0.9em; line-height:180%;}
.llvv_h2 br.brn{display:none}
.llvv_h2 span{padding-left:20px; display:table;}




/*sub-intro_ map*/
.map_align{padding:0 0 30px 0;}

.map_att_wrap{width:100%; display:table; padding:0px 0; position:relative; border-bottom:0px solid #d7d6d6;}
#map_c01{width:100%; height:250px; background:#eee;}
.map_hds_grid{width:90%; height:160px; margin:auto; position:relative;}
.map_hds_box{width:100%; height:220px; background:#0080bc; position:absolute; top:-60px; z-index:20;}
.map_hds_inner{width:100%; display:table; }
.map_hds_left{width:85%; margin:auto; display:table; padding: 30px 0% 20px 0% ; border-bottom:1px solid #2191c5;}
.map_hds_l1{font-size:1.7em; padding-left:0%; }
.map_hds_right{width:85%; float:left; display:table; height:120px;}
.map_hds_r1{font-size:0.85em; line-height:2; padding-left:10%; }
.map_hds_r2{font-size:0.85em; line-height:2; padding-left:10%; }
.map_hds_r1 br{display:none;}
.map_hds_info_grid{width:100%; margin:auto; position:Relative; display:none;}
.map_hds_info_box{padding:30px 5% 0 5%;}
.map_wayt_h1{font-size:1.25em;}
.map_way_c1{display:table; width:100%; padding:30px 0 15px 0 ;}
.map_way_c1_img{display:inline-block;  width:20%;  float:left;}
.map_way_c1_tt{ display:inline-block;  float:left;  width:80%; 
font-size:1em; line-height:170%;}
.tt-gr{color:#4cb550}
.arr_mini{position:relative; top:-3px; padding:0 10px;}
.map_way_c2{display:table; width:100%; padding:20px 0 15px 0 ;}
.map_way_c2_img{display:inline-block; float:left;  width:20%;}
.map_way_c2_tt{ display:inline-block; float:left;  width:80%; font-size:1em; line-height:170%;}
.map_way_c3{display:table; width:100%; padding:20px 0 15px 0 ;}
.map_way_c3_tt{ display:inline-block; float:left;  width:80%; 
font-size:1em; line-height:170%; position:relative;}


.map_attcont{display:table; width:100%; text-align:center; }
.map_att_tabs{display:table; width:95%; padding:0 5%; margin:auto; padding:30px 0 40px 0; text-align:center;}
.ce_tt{display:inline-block; font-size:1em; padding:10px 0; cursor:pointer; text-align:center;  }
.map_att_tabs > li.ce_circle{display:inline-block; width:5px; height:5px;
border-radius:50%; background:#dadada; margin:22px calc(10%/3); position:relative; top:20px; }


@media all and (max-width:320px) {
.ce_tt{display:inline-block; font-size:0.9em; padding:10px 0; cursor:pointer; text-align:center;  }
}
.active_map_tab{border-bottom:2px solid #0080bc; color:#0080bc; font-weight:700;}

.map_attarray_box{width:100%; display:table; float:left;}
.map_attarray_box:nth-child(even){margin-right:0%;}
.map_att_mia{width:100%; height:260px; background:#eee;}
.map_att_mia_info{padding:20px 0 30px 0; display:table; width:100%;}
.map_att_mia_info br{display:none;}

.mtt-b{color:#000333}
.map_att_mia_h1{font-size:1.25em; padding: 0 5% 20px 5% ; }
.map_att_mia_h2{font-size:1em; padding:0 5% 15px 5%; line-height:150%;}
.map_att_mia_hp{font-size:1em; padding: 5px 5% 5px 5%; }
.map_att_mia_hf{font-size:1em; padding: 5px 5% 5px 5%;}
.map_att_mia_hm{font-size:1em; padding: 5px 5% 5px 5%; line-height:1.8;}

.map_global_cc{padding:80px 0 ;}

.gbm_grid{width:100%; background:#f5f5f5; display:table; padding:0 0 50px 0;}
.gbm_txtbox{}
.gbm_h1{font-size:1em; line-height:160%; padding:100px 5% 0 5%; line-height:160%;}
.gbm_h2{font-size:1em; line-height:160%; padding:20px 5% 50px 5%; }
.gbm_h2 br{display:none;}
.gbm_img_pc{text-align:center; margin:auto; padding:0 10%; display:none;}
.gbm_img_pc img{width:100%;}
.gbm_img_m{text-align:center; margin:auto; padding:0 5%; display:block;}
.gbm_img_m img{width:100%;}


/*intro-ceopage*/
.intro_ceogrid{width:100%; display:table; padding:0px 0 50px 0;}
.intro_ceobox{width:100%; display:table; }
.intro_ceobox img{}
.intro_ceo_hdtt{line-height:170%; font-size:1.25em; padding:20px 5% 0 5%;}
.intro_ceo_cont{padding:20px 5% 0px 5%; line-height:170%; width:90%;}
.intro_ceo_t1{font-size:1em; padding:30px  5% 0 5%; }
.intro_ceo_t2{position:relative; top:-10px; display:table; padding:0px  5% 0 5%;}
.intro_ceo_t22{position:relative; top:-10px; display:table; padding:0px  5% 20px 5%;}

.intro_ceo_th1{display:inline-block; font-size:1.25em;}
.intro_ceo_th2{display:inline-block; position:relative; left:10px; top:28px;}
.intro_ceo_th3{display:inline-block; position:relative; left:10px; top:25px; }

.mo-img{display:block;; width:100%;}
.pc-img{display:none; width:100%;}


/*history*/
.hst_hdbar{width:90%;  height:50px; padding:40px 5% 20px 5% ; margin-top:100px; position:relative; margin:auto;}
.hst_hdbar_align{ width:100%; margin:auto; position:relative;}
.hst_hdbar_box{position:absolute; top:-25px; width:100%;  height:50px;}

.hst_prev{float:left; width:15%; display:table; text-align:left;}
.hst_prev img{width:100%; max-width:35px;}
.hst_next{float:left; width:15%; display:table; text-align:right;}
.hst_next img{width:100%; max-width:35px;}
.hst_yearbar{float:left; width:70%; overflow:hidden; position:relative; top:-20px;}
ul.hst_yearlist{ width:100%;
  position:relative; top:-20px;
padding:15px 0; text-align:center;  transform:translateY(0)}
.hst_yearlist li {text-align:center;  position:relative;}
.hst_yearlist li span{background:#fff; padding:0 15px; }
.ylist-next{width:30%; transition: all 0.5s; opacity:1; display:none;}
.ylist-prev{width:30%; transition: all 0.5s; opacity:1; display:none;}
.ylist-active{width:100%; transition: all 0.5s; opacity:1; display:inline-block; top:10px;}
.ylist-active span{color:#0080bc ; font-size:60px; font-weight:800; text-align:center; 
white-space:nowrap; position:Relative; left:0; top:20px;  opacity:0;
transform:translateY(0%);
}
.txt-hst-active{/*transition: all 1.2s ease-out;*/  font-size:1.8em !important; 
opacity:1 !important; transform:translateY(0%);}

.tt_cont{width:100%; max-width:1180px;  margin:auto; 
display:none; opacity:0; transition: all 0.5s ease; }
.year{display:none;}
.hst_cont_active{display:block; opacity:1}
	.hstcont_wrap{width:100%; display:table; position:relative; padding:0 0 50px 0;}
	.hstcontbox-align{padding:100px 0 ; border-top:1px solid #dbdbdb;}
	.hstcontbox{width:100%; display:table; padding:10px 0;}

.dot_top_out{position:relative; top:-14px; left:-13px; width:27px; height:27px; border:1px solid #0080bc; border-radius:50%; background:#fff;}
.dot_top_dot{position:relative; left:10px; top:10px; width:7px; height:7px; background:#0080bc; border-radius:50%;}

.dot_bottom_out{position:absolute; bottom:0px; left:-20px; width:44px; height:44px; display:none;

background:#0080bc url('../../images/sub/korloy_logo_cc.png') no-repeat center; border-radius:50%; background-size:50%;}
	
	.hstcontbox:nth-child(odd){float:left; transform:translateX(-120%); transition: all 1.8s ease; opacity:0}
	.hstcontbox:nth-child(odd) > .hstcont_inner > .dotnline{width:30px; height:1px;
	background:#d6d6d6; position:Relative; top:0; left:0; float:left;}
	.hstcontbox:nth-child(odd) > .hstcont_inner > .dotnline > .dotc{position:absolute; 
	left:-4px; top:-3px; width:8px; height:8px; background:#0080bc; border-radius:50%;}
	.hstcontbox:nth-child(odd) > .hstcont_inner > .hstcontgroup{display:table; width:80%;  
	 position:relative; top:-17px; padding: 0 0 30px 00px;}
	.hstcontbox:nth-child(odd) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li span
{padding:0 10px 20px 5px ; font-weight:500; color:#333;}	
.hstcontbox:nth-child(odd) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li
{font-size:16px; padding:15px 0 0 40px; letter-spacing:-1px; text-indent:-32px;}
.hstcont_h2 li{color:#636363;}

	.hstcontbox:nth-child(even){ float:left; transform:translateX(-120%); transition: all 1.8s ease; opacity:0}	
	.hstcontbox:nth-child(even) > .hstcont_inner > .dotnline{width:30px;
	height:1px; background:#d6d6d6; position:Relative; top:0; left:0;  float:left;}
	.hstcontbox:nth-child(even) > .hstcont_inner > .dotnline > .dotc{position:absolute; 
	left:-4px; top:-3px; width:8px; height:8px; background:#0080bc; border-radius:50%;}

	.hstcontbox:nth-child(even) > .hstcont_inner > .hstcontgroup{display:table; width:80%;
	 position:relative; top:-17px; padding: 0 0 30px 00px; text-align:left;}
	.hstcenterliner{width:1px; height:100%; border-right:2px dotted #d6d6d6;
	position:absolute; left:10%; margin-left:-2.5px;}
	.hstcont_inner{ display:table; width:100%; 
	padding: 0 0 0 10%}
.hstcontbox:nth-child(even) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li
{font-size:16px; padding:15px 0 0 40px; letter-spacing:-1px; text-indent:-32px;}
	.hstcontbox:nth-child(even) > .hstcont_inner > .hstcontgroup > .hstcont_h2 li span
{padding:0 10px 0 0px ; font-weight:500; color:#333; }
.hstcont_h2{line-height:150%;}

	.hstcont_h1{font-size:2em; padding:3px 0 10px 18px; }
	.hstcont_h2{font-size:1em; position:relative; left:10px;}
.hstcontbox-active{opacity:1 !important;  transform:translateX(0) !important; transition: all 0.8s ease;}

.hst_btbox{position:relative;  width:100%; height:135px; top:-25px; z-index:-1; display:none;}

.hst_btbox-inner{width:100%; height:160px; background:url('../../images/sub/hst_bt.png') no-repeat center;  background-position:0px 0 ;}




/*sub-prdinfo::new product*/
.cm_array_wrap{width:92%; padding:0 4%; display:table;}
.cm_array{float:left; position:relative; margin-top:2%; width:49%; 
margin-right:2%; display:block; padding-bottom:7%;}
.cm_array:nth-child(even){margin-right:0; margin-top:2%;}
.cm_array:nth-child(1){margin-top:4%;}
.cm_array:nth-child(2){margin-top:4%;}

.prd_img{width:100%; display:table; }
.prsc{cursor:pointer;}
.cm_hover_dimmed{display:table; opacity:0;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.5s ease; 
overflow:hidden;}

.cm_hover_dimmed-active{
display:table; opacity:1;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.5s ease; 
			box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px; 
		overflow:hidden;}

.prd_kh1{margin:15px 0 13px 10px; font-size:0.85em; 
background:#0080bc; display:table; white-space:nowrap; padding:10px 20px; color:#fff; width:50px; text-align:center; border-radius:20px;}
.prd_kh2{font-size:1.08em; color:#333; margin-left:15px; word-wrap:break-word; 
-webkit-box-orient: vertical; display: -webkit-box;  -webkit-line-clamp: 2;
text-overflow: ellipsis; overflow: hidden; height:3.06em; line-height:150%;}
.prd_kh_date{font-size:0.8em; color:#636363; padding:15px 0 10px 25px;}



/*subpage-prd view*/
.prd_view_subtt{width:90%; display:table; padding : 0 5% 10px 5%;}
.prd_view_subtt_h1{font-size:1em; line-height:180%; text-align:left; padding:0 5%;}
.prd_view_catalog{width:150px; padding:15px 0 ;background:#0080bc; text-align:center; margin:auto; margin-top:30px;}
.catalog_h1{display:inline-block; width:15px;}
.catalog_h2{display:inline-block; position:relative; left:5px; top:-3px;}
.prd_view_grid{padding:50px 0 20px 0; width:100%; max-width:1180px; display:table; margin:auto;}
.prd_backbtn_box{floaT:left; width:95%; padding-left:5%; text-align:left; padding-bottom:40px;}
.prd_backbtn_img{display:inline-block; cursor:pointer;}
.cm_back_h1{font-size:16px; padding-left:10px; display:inline-block;  cursor:pointer;}
.prd-tt-h1{font-size:2.1em; position:relative; top:-5px;}
.prd-tt-h2{font-size:1.1em; position:Relative; top:0px;}
.prd_title_wrap{float:left; width:100%;}
.prd_title_grid{text-align:center; width:100%;}
.prd_sele_wrap{float:left; width:90%; padding:20px 5% 0 5%; }


.prd_viewimg_grid{padding:0px 0 30px 0; width:100%;  display:table;
margin:auto; position:relative; }

.prd_view_nav_box{display:none; position:absolute; width:100%;  height:100%; z-indeX:1;  top:0px; left:0;}
.prd_view_nav_align{display:table; width:100%; height:90%;}
.prd_view_nav{width:100%;}
.prd_view_nav-prev{float:left; padding-left:40px; cursor:pointer;}
.prd_view_nav-next{float:right; padding-right:40px;  cursor:pointer;}

.prd_view_hdimg{display:table; width:100%; transition: all 0.3s ease;}
.prd_view_hdimg > .bx-wrapper{width:100%;}
.prd_view_hdimg > .bx-wrapper > .bx-controls > .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.prd_view_hdimg > .bx-wrapper > .bx-controls > .bx-pager a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background:#d6d6d6;
}

.prd_view_hdimg > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a:hover,
.prd_view_hdimg > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a.active,
.prd_view_hdimg > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a:focus {
  background: #0080bc;
}




.prd_view_infobox{position:relative;  padding:30px 0 0px 0; 
 display:table; margin:auto; width:90%; transition: all 0.8s ease; }
.prd_view_infobox_hd{width:80%; padding:30px 10% 15px 10%; background:#0080bc; display:table;}
.prd_view_infobox_tt{width:80%; padding:15px 10% 40px 10%;  background:#0080bc; display:table;}

.ie-active{transition: all 0.3s ease;}
.infobox-kh1{line-height:130%; font-size:25px; width:100%; text-align:center; padding:10px 0 30px 0; border-bottom:1px solid #66b3d7; }
.infobox-kh2{font-size:1em; text-align:left; padding: 0 0 30px 0; height:56px;
line-height:160%; color:#ececec; width:100%;float:left; display:table;}
.infobox-khbtn-grid{width:100%; padding:12px 0;}
.infobox-khbtn-box{width:100%;}

.infobox-kh-btn1{width:100%;  padding:12px 0px; border:2px solid #ececec;
text-align:center; color:#fff; font-size:1em; floaT:left; }
.infobox-kh-btn2{width:100%;  padding:12px 0px; margin-top:2%;
border:2px solid #ececec; text-align:center; color:#fff; font-size:1em; floaT:left; }





.prd_cont_grid{margin:auto; width:90%; padding:0 5% 50px 5%; line-height:180%; color:#636363; font-weight:300;}
.prd_cont-hds{padding:00px 0 40px 0px; border-bottom:1px solid #a8a8a8;}
.prd_cont_grid > .prd_cont_hds {padding: 0 5% 20px  5%;}
.prd_cont_grid > .prd_cont_hds > .prd_cont-hds_h1{font-size:1.2em;  padding:0 0 30px 0;}
.prd_cont_grid > .prd_cont_hds > .prd_cont-hds_h2{font-size:1em;  line-height:180%;  padding:0;}
.prd_cont_grid p{line-height:150%; font-size:18px; margin-bottom:0px; color:#636363;}
.prd_cont_grid div{line-height:150%; font-size:18px; margin-bottom:10px;  color:#636363;}
.prd_cont_grid p img{width:100% !important; height:auto !important;}
.prd_cont_grid div img{width:100% !important; height:auto !important;}



.prd_view_ftbg{background:#eee;}
.prd_view_ft_grid{width:90%;  position:relative; display:table; margin:auto; padding: 0 5% 80px 5%;}
.ftsli_nav{position:absolute; top:60px; right:0; display:none;}
.ftsli_nav-prev{width:33px; height:33px; display:inline-block; cursor:pointer;}
.ftsli_nav-next{margin-left:5px; width:33px; height:33px;  display:inline-block;  cursor:pointer;}
.kry_prv1{font-size:30px;}
.prd_view_ftsli_grid > .bx-wrapper{width:100%;}
.prd_view_ftsli_grid > .bx-wrapper > .bx-viewport{background:#eee;}
ul.prdft_sli{width:1180px;;}
ul.prdft_sli li{cursor:pointer; display:inline-block;  background:#eee!important;}

.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background:#d6d6d6;
}

.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a:hover,
.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a.active,
.prd_view_ftsli_grid > .bx-wrapper > .bx-controls > .bx-pager.bx-default-pager a:focus {
  background: #0080bc;
}


.editor-pc{display:none;}

.editor-m{display:block;}


/*sub-prdinfo::mv*/
.mv_array_wrap{width:100%; display:table;}
.mv_array{float:left; position:relative; margin-top:1%; width:100%; 
display:table; padding-bottom:60px;}
.mv_array:nth-child(1n){margin-right:0}
.mv_mvh1{font-size:22px; height:44px; padding:30px 10px 20px 20px; 
text-align:left; word-break:break-all; word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; 
display:box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; 
height:45px; line-height:150%;}


.mv_mvh2{font-size:16px; margin:20px 0 20px 20px; }
.mv_img{width:100%; display:table; cursor:pointer; transition: all 0.8s ease; 
 position:relative; 	}
.mv_img-playbtn{margin:auto; width:100%; height:100%; 
	background:url('../../images/sub/array_mvinner.png') no-repeat center;	 
	position:absolute; top:0;  }

.mv_detail_dimmed{width:100%; height:100%; display:none;
position:fixed; z-indeX:9999; top:0; left:0; background:rgba(0,0,0,0.6); }
.mv_detail_dimmed-active{display:block;}
.mv_detail_wrap{width:90%; padding:0 5%; height:100%; position:relative; display:table;}
.mv_detail_grid{width:100%; display:table; margin:auto;}
.mv_detail_hds{height:40px; width:100%; position:relative; }
.mv_detail_hds_tt{color:#fefefe; font-size:30px; float:left; -webkit-box-orient: vertical; 
display: -webkit-box; text-overflow: ellipsis; padding:0 27px 0 0; 
display:box; -webkit-line-clamp: 1; overflow:hidden;
height:25px;}
.mv_detail_hds_cls{color:#fefefe; font-size:30px; position:absolute; right:0px; top:0px;}
.mv_detail_hds_cls > .mvcls{width:26px; height:26px; position:relative; 
background:url('../../images/icon/mv_cls.png');}
.mv_detail_box{width:100%;}
@media all and (max-width:320px) {
.video-container_mds { margin: 0; padding-bottom: 155%; 
max-width: 100%; height: 0; position: relative; overflow: hidden;} 

}
@media all and (max-width:360px) {
.video-container_mds { margin: 0; padding-bottom: 170%;
max-width: 100%; height: 0; position: relative; overflow: hidden;} 

}

.video-container_mds { margin: 0; padding-bottom: 155%; max-width: 100%; height: 0; position: relative;overflow: hidden;} 
.video-container_mds iframe, .video-container_mds object, .video-container_mds embed { margin: 0;padding: 0; width: 100%; height:500px; position: absolute; top: 0;left: 0; }


/*subpage::download*/
.cm_tab_bar{width:90%; height:50px;   margin:auto; padding:0 5% 50px 5%;}
.cm_tab_align{width:100%; margin:auto; border:1px solid #d6d6d6;}
.cm_tab_align-ci{width:100%;  margin:auto; border:1px solid #d6d6d6;}

.cm_tabul{width:100%; display:table;}
.cm_tabli-active{background:#0080bc; color:#fff !important;}


/*+tab 2개일경우*/
.cm_tablin2{ background:#fff;  text-align:center; width:100%;  }
.cm_tablin2 a{ text-align:center; width:calc(100%/2); float:left; display:table;  height:50px; }
.cm_tablin2 div{padding:17px 0; border-left:1px solid #d6d6d6;  font-size:1em; color:#636363; width:100%; vertical-align:middle; }
.cm_tablin2 div:hover{border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer;}
.cm_tablin2:last-child div{border-left:0px;}

/*+tab 3개일경우*/
.cm_tablin3{ background:#fff;  text-align:center; width:calc(100%/3); float:left; }
.cm_tablin3 a{ text-align:center; width:100%;  display:table;  height:50px; }
.cm_tablin3 div{display:table-cell; border-left:1px solid #d6d6d6;  
font-size:1em; color:#636363; width:100%; vertical-align:middle; }
.cm_tablin3 div:hover{border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer;}
.cm_tablin3:first-child div{border-left:0px;}

/*+tab 4개일경우*/
.cm_tablin4{ background:#fff;  text-align:center; width:100%;  }
.cm_tablin4 a{ text-align:center; width:calc(100%/4); float:left; display:table;  height:50px; }
.cm_tablin4 div{padding:17px 0; border-left:1px solid #d6d6d6;  font-size:1em; color:#636363; width:100%;  vertical-align:middle; }
.cm_tablin4 div:hover{border-left:1px solid #0080bc; background:#0080bc; color:#fff !important; transition: all 0.3s ease; cursor:pointer;}
.cm_tablin4:last-child span{border-left:0px;}

.technews_pd{padding-bottom:40px;}


.dw_array_wrap{width:90%; padding:0 5% 0 5%; display:table;}
.dw_array{float:left; position:relative; margin-top:1%; width:47%; margin-right:6%; display:table; padding-bottom:60px;}
.dw_array:nth-child(2n){margin-right:0}

.dwsc{cursor:pointer;}
.dw_img{width:100%; display:table; }
.dw_img img{border:1px solid #d6d6d6; }

.dw_hover_dimmed{display:table; opacity:0;
width:100%; position:absolute; top:0; left:0;
background:rgba(0,0,0,0.0); border:2px solid #0080bc; 
transition: all 0.5s ease; 
overflow:hidden;}

.dw_hover_dimmed-active{display:none;
opacity:1;
width:100%; position:absolute; top:0; left:0;
background:rgba(0,0,0,0.0); border:2px solid #0080bc; 
transition: all 0.5s ease; 
			box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 11px 20px 8px; 
		overflow:hidden;}


.dw_box1{transform:translateX(-200%); cursor:pointer; display:inline-block; width:110px; height:110px; background:#333; border-radius:50%; text-align:center;}
.dw_box2{transform:translateX(200%); cursor:pointer; display:inline-block; width:110px; height:110px; margin-left:10px; background:#0080bc; border-radius:50%; text-align:center;}
.dw_box1-active{transform:translateY(0); transition: all 0.6s ease; } 
.dw_box2-active{display:none; transform:translateX(0); transition: all 0.6s ease; }

.dw_box_inner{margin:auto; text-align:center; width:50%; padding:30px 0 5px 0 ;}
.dw_box_inner img{border:0px !important;}
.dw_box1 span, .dw_box2 span{font-size:1em; line-height:18px;}

.dw_kh1{font-size:0.9em; padding:20px 0 0 0;}
.dw_kh2{font-size:1em; padding:5px 10% 0 10%; line-height:1.5em;}

.dw_kh1.bc{display:none;}
.dw_kh2.bc{padding:20px 0 0 0; }

.dwpst{cursor:pointer;}
.dwhref{width:100%; height:100%; display:table; position:relative; z-index:50;}

/*subpage::prcenter :list*/
.pr_array_wrap{width:100%; padding:00%; display:table;}
.pr_array{float:left; position:relative; margin-top:0%; width:calc(100%/1); margin-right:0%; display:block; padding-bottom:60px;}
.pr_array:nth-child(4n){margin-right:0}

.pr_hover_dimmed{display:table; opacity:0;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.5s ease; 
overflow:hidden;}


.pr_hover_dimmed-active{
display:table; opacity:1;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.5s ease; 
			box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
       -moz-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
		-ms-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px; 
		overflow:hidden;}


.prsc{cursor:pointer;}
.pr_img{width:100%; display:table; }
.pr_img img{border:1px solid #d6d6d6; }
.pr_kh1{font-size:1.25em; padding:30px 10px 20px 20px; line-height:150%;
word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:2.3em;

}
.pr_kh2{font-size:1em; padding:15px 0 0 20px;}


.pr_mc1{font-size:1.25em; padding:20px 10px 20px 20px; line-height:150%;
word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:2.2em;}
.pr_mc2{font-size:1em; padding:15px 0 0 20px;}
.prc_stat_list{position:relative; margin:20px 0 0px 0; left:20px; border:1px solid #0080bc;  font-size:15px; text-align:center;border-radius:3px; width:82px; padding:8px 0;}


/*subpage::prcenter :view*/
.prc_view_grid{padding:80px 0 25px 0; width:100%; max-width:1180px; display:table; margin:auto;}
.prc_backbtn_box{floaT:left; width:90%;  padding:10px 5% 15px 5%; text-align:left;}
.prc_backbtn_img{display:inline-block; cursor:pointer;}
.prc_stat_blnk{float:left; width:50%; text-align:left; height:33px; display:none;}
.prc_stat_box{float:left; width:90%;  padding:0 5%; text-align:center;}
.prc_stat{margin:auto; border:1px solid #0080bc;  font-size:15px; text-align:center;border-radius:3px; width:82px; padding:8px 0;}

.prc_title_wrap{z-index:-1; float:left; width:100%; }
.prc_title_grid{text-align:center; padding: 20px 5% 20px 5%;}
.prc_view-hd{font-size:1.5em; padding:0 0 28px;  position:relative; line-height:150%; overflow:hidden;}
.prc-view-date{display:inline;}
.view-date-icon{display:inline; position:relative; top:3px;}
.prc-view-view{display:inline; margin-left:30px;}
.view-view-icon{display:inline; position:relative; top:3px;}
.prc-tt-h1{font-size:18px; display:inline; padding-left:5px;}
.viewcont_grid{width:90%; max-width:1180px; margin:auto;
padding: 0 5% 50px 5%; border-bottom:1px solid #d6d6d6;}
.viewcont_output img{width:100%;}
.viewcont_output p{font-size:0.9em; line-height:180%; color:#636363; font-weight:300; padding:5% 8%;}
.viewcont_grid p{font-size:18px; line-height:150%; color:#636363; font-weight:300;}
.viewcont_grid >  p > img{width:100% !important; height:auto !important; }
.viewcont_grid > p > a > img{width:100% !important; }

.viewbt_grid{width:100%; max-width:1180px; display:table; margin:auto; padding:20px 0 80px 0 ; }
.viewbt_centeralign{width:90%; padding: 0 5%;  height:52px; display:inline-block; float:right; transition: all 0.3s ease;}
.viewbt_listback{cursor:pointer; margin:auto; width:100%; background:#0080bc; height:52px; display:table;}
.viewbt_prev{width:45%; padding-left:5%; height:55px; display:inline-block; transform:translateX(0%); transition: all 0.3s ease;}
.viewbt_prev-active{transition: all 0.3s ease; transform:translateX(-5%); transition: all 0.3s ease;}
.viewbt_next{width:45%; padding-right:5%;  height:55px; display:inline-block;  transform:translateX(0%); transition: all 0.3s ease;}
.viewbt_next-active{transition: all 0.3s ease; transform:translateX(5%); transition: all 0.3s ease;}
.viewbt_prev_arr{float:left; left:3px; width:10px; height:10px; border:1px solid #636363; border-bottom:0px;  border-right:0px; transform:rotate(-45deg); top:18px; position:relative; }
.viewbt_prev_arr-active{border:1px solid #0080bc; border-bottom:0px;  border-right:0px; transition: all 0.3s ease;}
.viewbt_next_arr{float:right; right:3px;  width:10px; height:10px; border:1px solid #636363; border-bottom:0px;  border-right:0px; transform:rotate(135deg); top:18px; position:relative;}
.viewbt_next_arr-active{border:1px solid #0080bc; border-bottom:0px;  border-right:0px; transition: all 0.3s ease;} 
.viewbt_prev_tt{float:left; top:15px; left:5px; position:relative; font-size:16px; cursor:pointer;}
.viewbt_next_tt{float:right; top:15px; right:5px; position:relative; font-size:16px; cursor:pointer;}

/*subpage::prcenter :mv*/
.prc_mv_box{width:100%; padding:0px 0% 20px 0%; margin:auto; border-bottom:1px solid #d6d6d6;}
.prc_hds_h1{font-size:1.5em; width:90%; padding:00px 5% 20px 5%; line-height:150%;}
.prc_mv_cont_list{width:100%; display:table; overflow:hidden;}
.prc_mv_array{width:100%;   transform:translateY(200%);}
.prcmvlist-active{transform:translateY(0%); transition: all 0.5s ease;}
.prmv_array_wrap{width:100%; margin:auto;  display:table; padding: 0 5% 00px 5% ;}
.prmv_array{float:left; position:relative;  margin-top:1%; width:calc(86%/2); 
margin-right:4%; display:block; padding-bottom:10px;}
.prmv_array:nth-child(2n){margin-right:0}

.prmv_hover_dimmed{display:table; opacity:0;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.5s ease; 
overflow:hidden;}
.prmv_hover_dimmed-active{
display:table; opacity:1;
width:100%; position:absolute; top:0; left:0;
 border:2px solid #0080bc; 
transition: all 0.8s ease; }


.prmv{cursor:pointer;}
.prmv_img{width:100%; display:table; position:relative; }

.prmv_img img{border:0px solid #FFF; float:left;}
.prmv_img-active{border:2px solid #0080bc;}
.zmout90p{transform:scale(0.999);}
.prmv_mc1{font-size:1em; padding:10px 5px 10px 5px; line-height:150%;
word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:2.2em;}


.mv_play{text-align:center; border:0px; width:100%;  height:100%; 
position:absolute; top:0;
background:url("../../images/sub/array_mvinner.png") center no-repeat;
transition: all 0.5s ease; background-size:22%;}

.mv_play-hover{text-align:center; border:0px; width:100%;  height:100%; 
position:absolute; top:0;
background:url("../../images/sub/array_mvinner_on.png") center no-repeat;

transition: all 0.5s ease; background-size:22%;}

.mv_play-active{text-align:center;  width:100%; height:100%;
 box-shadow: 0 0 0 4px #0080bc; height:100%; position:absolute; top:0; left:0;
background:url("../../images/sub/array_mvinner_on.png") center no-repeat;
transition: all 0.5s ease; background-size:22%;}

.mv_play img{ border:0px;}


.prc_mvcont_grid{padding:0 0 00px 0; width:100%; display:table; margin:auto;}
.prc_mvlist_grid{ padding:20px 0 40px 0; width:100%;  display:table; margin:auto;}
.mvc_detail_box{width:100%; display:table;}


/*subpage::media list*/
.mda_sele_wrap{width:90%; padding:0 5% 50px 5% ; display:table;}
.mdac_sele_wrap{width:90%; padding:0 5% 30px 5% ; display:table;}

.mda_sele_wrap > .cm_sele{}

.mda_array_wrap{width:90%;  padding:0 5%; display:table;}
.mda_array{float:left; position:relative;  margin-top:1%; width:100%; display:table; padding-bottom:30px;}
.mda_array:nth-child(3n){margin-right:0}
.mda_img{width:100%; display:table; }
.mda_img img{border:1px solid #d6d6d6; }
.mda_stat_getready span,
.mda_stat_ongoing span,
.mda_stat_finished span{font-size:0.6em; position:relative; top:-3px;}
.mda_stat_getready{float:left; position:absolute; left:20px;
top:-20px; width:60px; height:60px; border-radius:50%; background:#333; opacity:1; z-index:10; transition: all 0.5s ease; display:table; 
			box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		overflow:hidden;}
.mda_stat_ongoing{float:left; position:absolute; left:20px; 
top:-20px; width:60px; height:60px; border-radius:50%; background:#0080bc; opacity:1; z-index:10; transition: all 0.5s ease; display:table; 
			box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		overflow:hidden;}

.mda_stat_finished{float:left; position:absolute; left:20px; 
top:-20px; width:60px; height:60px; border-radius:50%; background:#9d9d9d; opacity:1; z-index:10; transition: all 0.5s ease; display:table; 
			box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
       -moz-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		-ms-box-shadow:rgba(0,0,0,0.2) 7px 6px 17px 0px;
		overflow:hidden;}

.pr_mda1{font-size:22px; padding:20px 10px 25px 20px; line-height:150%;
word-wrap:break-word; -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; height:15px;}
.pr_mda2{font-size:14px; padding:15px 0 0 20px;}
.pr_mda2 span{padding:0 10px 0 0;}
.pr_mda3{font-size:14px; padding:15px 0 30px 20px;}
.pr_mda3 span{padding:0 10px 0 0;}

/*subpage::media-view*/
.mda_view_statps{float:right; width:100%; display:table; height:0px; position:relative;}
.mda_view_stat{position:absolute; right:100px; top:107px;}
.prc_mdaview-hd{font-size:1.5em; padding:0 0 10px;  position:relative; top:-10px; 
line-height:150%;  overflow:hidden;}
.prc-mda-h1{display:inline; font-size:1em; padding:0 10px; }
.prc-mda-h1:last-child{border-right:0px;}
.prc-mda-h1 span{padding-right:10px;}
.mdlgroup{width:100%; display:table; padding:5px 0 0 0;}
.mdl1{width:100%; display:table; text-align:left; padding:5px 0;}
.mdl2{width:100%; display:table; text-align:left; padding:5px 0;}
.mdl3{width:100%; display:table; text-align:left; padding:5px 0;}
.prc-mda-gotourl{cursor:pointer; margin:auto; margin-top:40px; width:100%; border:1px solid  #0080bc; 
padding:15px 0;}
.gotoarr{display:inline; position:relative; top:-3px; lefT:2px;}
.vw_sli_wrap{width:100%; padding:0 0 70px 0 ;}
.vw_sli_grid{overflow:hidden;  margin:auto;}
.mdaview_imgarray{display:inline-block; margin:auto; float:left;}
.mdaview_imgarray img{text-align:center; margin:auto; max-width:100%;}
.mdacont_grid{width:100%; max-width:1180px; display:table; margin:auto; padding:0 0 50px 0; 
border-bottom:1px solid #d6d6d6;}

.mdacont_grid p{font-size:0.9em; line-height:150%; color:#636363; font-weight:300; padding:0% 8%;}

.vw_sli_wrap > .bx-wrapper{width:100%;}
.vw_sli_wrap > .bx-wrapper .bx-pager{font-size:1.17em; color:#a8a8a8; font-weight:500; 
position: absolute; bottom:-60px; width: 100%;}
.vw_sli_wrap > .bx-wrapper .bx-controls-auto{ position: absolute;  bottom: 50px;  width: 100%;}
.vw_sli_wrap > .bx-wrapper .bx-controls-direction{display:none;}
.vw_sli_wrap > .bx-wrapper .bx-controls-direction a{position: absolute; bottom:-80px; margin-top: 20px;
  outline: 0;  width: 47px;   height: 47px;   text-indent: -9999px;   z-index: 9;}
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px;
  display: block;  width: 8px;  height: 8px;  margin: 0 20px;  outline: 0; 
  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;
  border:2px solid #fff;  }
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a.active,
.vw_sli_wrap > .bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #fff;  border:2px solid #fff;}

.mdavw_pager_wrap{width:100%; height:70px; position:relative; top:30px;}
.mdavw_pager_ps{position:absolute; width:100%;}
.mdavw_pager{width:100%; max-width:750px; height:50px; margin:auto;}
.mdavw_prev{width:10%; height:38px; cursor:pointer; float:left; z-index:25; text-align:center; display:none; position:relative; top:25px;}
.mdavw_prev img{transition: all 0.5s ease; }
.mdavw_next{width:10%;  height:38px; cursor:pointer; float:left; z-index:25; text-align:center; display:none; position:relative; top:25px;}
.mdavw_next img{ transition: all 0.5s ease; }

.mdavw_pager{}

.mdavw_pager > .bx-wrapper{margin:auto; width:90%;  display:table;}
.mdavw_pager > .bx-wrapper > .bx-viewport{height:150px;}

.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a { text-indent: -9999px;
  display: block;  width: 8px;  height: 8px;  margin: 0 10px;  outline: 0;  background:#d5d5d5;
  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;
    }
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a.active,
.mdavw_pager > .bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #0080bc; }


.pager-active { border:2px solid  #0080bc; }

/*subpage : ci*/
.cic_wrap{width:100%; display:table; padding:0 0 70px 0;}
.cil_wrap{width:100%; display:table; background:#f8f8f8; padding:30px 0 0 0  ;}
.cic_grid{width:100%; display:table; margin:auto; transition: all 0.5s ease;}
.cil_grid{width:100%;  display:table; margin:auto; transition: all 0.5s ease;}

.cic_box{width:100%;   display:table; padding:30px 0 0px 0;}
.cic_img{margin:auto; text-align:center;}
.cic_img img{width:50%;}
.cic_citt{padding:60px 5% 40px 5%;}
.cic_h1{font-size:1em; line-height:1.8; font-weight:300;}
.cidw_btn{cursor:pointer;  width:180px; height:55px; background:#0080bc; margin:auto; display:table; text-align:Center;}
	.cidw_btn_img{display:inline; padding-right:8px; position:relative; top:3px;}
.cidw_btn_tt{display:inline; font-size:1em;}
.cic_hdt{font-size:1.25em; width:90%;  padding:00px 5% 35px 5%;  transition: all 0.5s ease;}
.cic_logotype_grid{width:90%; display:table; padding:0 5%;}
.cic_logotype_box{width:100%; float:left;  transition: all 0.5s ease;}
.cic_logotype_box img{height:60%;}
.cic_logotype_box:last-child{margin-right:0;}
.cic_signtype_box{width:100%;  float:left;  transition: all 0.5s ease;}
.cic_signtype_box:last-child{margin-right:0;}
.cic_signtype_box img{width:80%;}
.cic_logotype_box_tt{font-size:1em; padding:15px 0 35px 0;}
.cic_type_inner{height:195px; width:100%; background:#fff; border:1px solid #d6d6d6; display:table; text-align:center;}
.cic_color_inner1{height:195px; width:100%; background:#0080bc; display:table; text-align:center;}
.cic_color_inner1 img{width:60%;}
.cic_color_inner2{margin-top:20px; height:195px; width:100%; background:#000;  display:table; text-align:center;}
.cic_color_inner2 img{width:60%;}


/*subpage :char*/
.ci_char_wrap{width:100%; display:table;  background:url('../../images/sub/ci_char_bg.png') no-repeat top center; background-size:cover;}
.cic_char_wrap{width:100%; display:table; padding:50px 0 60px 0 ;} 
.ci_char_hd{height:200px; width:100%; text-align:center; position:relative; top:0px; 
overflow:hidden; transition: all 0.8s ease-out;}
.ci_char_ps{ transform:translateY(-100%); opacity:0;  transition: all 1.5s ease-out; padding:0 5%;}
.ci_char_ps-active{position:relative; top:10%; transform:translateY(0%);  transition: all 1.5s ease-out;opacity:1; padding:0 5%;}
.cic_char_grid1{width:100%; display:table; margin:auto; transition: all 0.5s ease;}
.cic_char_grid2{width:100%; display:table; margin:auto; 
margin-top:00px; padding-top:00px; border-top:0px solid #d6d6d6;  transition: all 0.5s ease;}


.cic_char_box{width:90%; padding:20px 5% 0 5%;; display:table; height:400px; float:left; 
transform:translateY(-15%); opacity:0;}
.cic_char_box:last-child{margin-right:0;}
.cbbox-active1{transform:translateY(0%); transition: all 0.4s ease-out; opacity:1;}
.cbbox-active2{transform:translateY(0%); transition: all 0.8s ease-out; opacity:1;}
.cbbox-active3{transform:translateY(0%); transition: all 1.2s ease-out; opacity:1;}

.cic_char_img{text-align:center; padding:0 5%;}
.cic_char_img img{width:100%;}
.cic_char_h1{color:#333; font-size:36px; padding:40px 0 20px;}
.cic_char_h1 span{font-weight:500; padding-lefT:10px;}
.cic_char_h2{padding:10px 35px 10px 35px; text-align:center; border-radius:25px;  
background:#0080bc; margin:auto; display:table; font-size:16px;}
.cic_char_h2 span{padding-left:10px; font-size:16px;}
.cic_char_h3{padding:20px 5% 40px 5%; font-size:18px; line-height:1.6;}



/*subpage common*/
.sp_morebtn_grid{Width: 90%; padding:20px 5% 50px 5%;}
.sp_morebtn_box{width:100%; border:2px solid #676767; padding:15px 0; text-align:center;}
.sp_morebtn_h1{display:inline-block; color:#636363;}
.sp_morebtn_arrdw{display:inline-block; position:relative; top:-3px; left:6px; width:10px; height:10px; border:1px solid #676767; transform:rotate(45deg); border-left:0; border-top:0; }

.cm_filedw{display:table; width:84%; padding:0 8%; cursor:pointer;}
.cm_filedw_img{display:inline; transform:rotate(0deg);}
.cm_filedw_img img{ transition: all 0.5s ease;}
.cm_filedw_img-active img{transform:rotate(-90deg); transition: all 0.5s ease;}
.cm_filedw_tt{display:inline; font-size:16px; position:relative; top:-11px; lefT:10px;}
.cm_listbackbtn{font-size:16px;}

.cm_hoverplus{text-align:center; border:0px; transform:translateY(0%);  transition: all 0.5s ease; }
.cm_hoverplus-active{transform:translateX(0%); transition: all 0.8s ease; }
.cm_hoverplus img{ border:0px;}


/*main mv::mouse cursor-*/
.mv_scc_wrap{position:absolute; width:30px; left:50%; margin-left:-15px; height: 30px;}
.mv_scc_grid{position:relative; width:100%;}
.mv_scc{position:absolute; width:30px; left:50%; margin-left:-15px; height:50px; bottom:200px;}
.mv_scc_icon{background:url('../../images/icon/scr.png');
width:30px; height:74px; margin:auto;}


.cmpg_hdimg{width:100%;height:155px;display:table; background-size: cover; 
background-position: 15.5%;}

.prdinfo-bgimg{background-image:url('../../images/sub/prdinfo_hds_m.jpg'); 
background-size:cover; background-position:center;}
.download-bgimg{background-image:url('../../images/sub/download_hds.jpg');}
.prcenter-bgimg{background-image:url('../../images/sub/prcenter_hds.jpg'); background-position: 45.5% !important;}
.intro-bgimg{background-image:url('../../images/sub/intro_hds.jpg');}
.recr_bgimg{background-image:url('../../images/sub/recr_hds.jpg'); background-position:center;}
.support_bgimg{background-image:url('../../images/sub/support_hds.jpg'); background-position: 45.5% !important;}
.cm_bgimg{background-image:url('../../images/sub/cms_hds.jpg'); background-position:center;}

.dimmed-monly{background:rgba(0,0,0,0.3)}

#content{overflow:hidden;}

/*subpage:recruit_list*/
.recr_array_wrap{width:90%;  padding:40px 5% 20px 5%; display:table;}
.recr_array{float:left; position:relative;  margin-top:7%; width:100%; 
display:block; padding-bottom:30px;}
.recr_array:nth-child(3n){margin-right:0}

.recr_img{width:100%; display:table; padding:0 0%;}

.recr_hover_dimmed-active{
display:table; opacity:1;
width:100%; position:absolute; top:0; left:0;
 border:1px solid #0080bc; 
transition: all 0.5s ease; 
			box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
	-webkit-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
       -moz-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px;
		-ms-box-shadow:rgba(0,0,0,0.2) 3px 5px 9px 3px; 
		overflow:hidden;}

.recr_box{width:100%; height:90%; position:absolute; top:0; border:1px solid #d6d6d6; }
.recr_box_h1{padding:19% 0 0 8%; font-size:1.25em; line-height:150%; 
word-break:keep-all;  -webkit-box-orient: vertical; display: -webkit-box; display:box;
-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height:60px; }
.recr_box_h1 span{border-bottom:0px solid #fff;}
.recr_box_h2{padding:5% 5% 0 8%; 



}
.recr_box_h2l{float:left; font-size:1em;}
.recr_box_h2r{float:right; letter-spacing:-0.1em; position:relative; top:-2px;}
.recr_img > .mda_stat_ongoing{left:5%;}
.recr_img > .mda_stat_finished{left:5%;}
.acti-barbb{color:#0080bc; border-bottom:0px solid #0080bc !important; 
transition: all 1.2s ease; } 


/*subpage:recruit_view*/
.recr_view-hd{font-size:1.5em; padding:0 0 10px;  position:relative; top:-10px; 
line-height:150%;  overflow:hidden;}
.recr_view-hd br{display:none;}

.recr_cont_grid{width:100%; max-width:1180px; display:table; margin:auto; padding:0 0 50px 0; 
border-bottom:1px solid #d6d6d6;}

.recr-view-h1{ font-size:1em; padding:0 15px 0 0 ; text-align:left; float:left; width:70%;}
.recr_view_h11{padding:0 15px 0 0; float:left; width:100%;}
.recr_view_h12{ padding:20px 15px 0 0; float:left;width:100%;}
.recrstat-pc{display:none;}
.recrstat-m{display:block;}
.recrstat-m > .mda_view_stat{top:-30px; right:80px;}


/*support*/
.support_wrap{width:100%; display:table;}
.support_cm_grid{ width:90%; margin:auto; padding:0px 5% 0 5% ; display:table;}
.sw_con1{background:#fff; padding:0 0 60px 0 ;}
.sw_con1g{background:#fff; padding:0 0 30px 0 ;}

.sw_con2{background:url('../../images/sub/sptm_bg.jpg') center no-repeat; padding:80px 0 80px 0 ;}
.sw_con2g{background:#12a7b4; padding:60px 0 340px 0 ;}

.sw_con3{background:#fff; padding:60px 0 60px 0 ;}
.sw_con3g{background:#fafafa; padding:220px 0 60px 0 ;}

.slrt_h1{font-size:1.3em;}
.slrt_h2{line-height:170%; font-size:0.95em; padding:30px 0 30px 0; text-align:left;}
.slrt_h2 br{display:none;}
.slrt_h3{line-height:170%; font-size:18px; padding:30px 0 20px 0; text-align:center;}
.slrt_h3 br{display:none;}
.sprt_box{width:90%; display:table; padding:10px 5% 60px 5%;}
.sprt_box_h2{width:100%; display:table; padding:10px 0 60px 0; float:left;}
span.sper_brk{position:relative; top:10px; font-size:16px;}
.sprt_tech_lectr_align{width:90%; display:table; margin:auto; padding:10px 5% 40px 5% ;}
.sw_con2 > .support_cm_grid > .sprt_box > .sprt_bar_w:nth-child(1) >.sprt_inner_w{background:#12a7b4;}
.sw_con2 > .support_cm_grid > .sprt_box > .sprt_bar_w:nth-child(2) >.sprt_inner_w{background:#21c3a7;}
.sw_con2 > .support_cm_grid > .sprt_tollbox_box{border:0px;}


.sprt_bar_h2{float:left; display:table; width:100%; height:55px; padding:0 0%; margin-top:1%;}


.sprt_bar_w{width:90%; margin:auto; margin-top:20px;}
.sprt_bar:nth-child(odd){float:left; width:100%;  padding:0 0% 0 0%;
margin-top:20px;}
.sprt_bar:nth-child(even){float:left; width:100%;   padding:0 0% 0 0%;
margin-top:20px;}
.sprt_inner_b{width:150px; margin:auto; text-align:center;  height:55px; background:#333; border-radius:40px; display:table;}
.tech_cc_h1{text-align:center; padding:20px 15px 17px 20px; font-size:18px; line-height:150%;}
.sprt_bar:nth-child(1) > .sprt_inner{background:#009bc0;}
.sprt_bar:nth-child(2) > .sprt_inner{background:#0073bc;}
.sprt_bar:nth-child(3) > .sprt_inner{background:#009bc0;}
.sprt_bar:nth-child(4) > .sprt_inner{background:#0073bc;}
.sprt_bar:nth-child(5) > .sprt_inner{background:#009bc0;}


.sprt_box_h2:nth-child(1) .sprt_bar_h2 > .sprt_inner_b{background:#12a7b4;}
.sprt_box_h2:nth-child(2) .sprt_bar_h2 > .sprt_inner_b{background:#21c3a7;}
.sprt_box_h2:nth-child(3) .sprt_bar_h2 > .sprt_inner_b{background:#12a7b4;}
.sprt_box_h2:nth-child(4) .sprt_bar_h2 > .sprt_inner_b{background:#21c3a7;}



.sprt_inner{width:100%; height:70px; background:#0080bc; border-radius:60px; display:table;}
.sprt_inner_w{width:100%; height:70px; background:#fff; border-radius:45px; display:table;}
.sprt_innertt{font-size:0.95em; padding:10px 15%; line-height:1.5em;  color:#fff !important;}
.sprt_tollbox_box2{width:100%; height:210px;  border:1px solid #0080bc; display:table; background:#fafafa;
 margin:auto; margin-top:30px;  }
.sprt_tollbox_box{width:100%;  border:1px solid #0080bc; display:table; margin:auto;}
.sprt_tollbox{width:100%;  floaT:left; display:table;}
.sprt_tollbox_inner{padding:0px 5% 0px 5%; display:table; width:90%;}
.sprt_tolling_box1{width:100%;  display:table; border-bottom:1px solid #d6d6d6;
padding:30px 0 20px 0 ;}
.sprt_tolling_box2{width:100%; display:table; border-right:0px solid #d6d6d6;
padding:20px  0 50px 0 ;}
.sprt_icon_img{width:100%; float:left;}
.sprt_icon_img_h1{font-size:1.56em; padding:20px 0;}
.sprt_icon_img_icon{text-align:center; padding:20px 0 ;}
.sprt_icon_tt{width:100%; float:left; padding-left:0%;}
.sprt_icon_tt ul{line-height:170%; position:relative; top:-5px;}
.sprt_icon_tt ul li{font-size:0.95em; text-align:center; }

.sprt_tolleng_inner_m{}
.sprt_tolleng_inner{display:none; width:760px; padding:10px 0; margin:auto;  height:319px;
background:url('../../images/sub/tts_bg.png') no-repeat; position:Relative; background-size:100%;}
.sprt_enge_h1{position:absolute; top:155px; left:30px; color:#4a4a4a; font-size:20px;}
.sprt_enge_h2{position:absolute; top:155px; right:30px; color:#4a4a4a; font-size:20px;}
.sprt_enge_h3{position:absolute; top:70px; line-height:150%; left:317px;  font-size:28px;}

.sprt_callbox{padding:0 5%; display:table; width:90%;}
.sprt_callbox_full{width:100%; margin:auto;}

.sprt_callbox_left{width:100%; position:relative; top:-5px;}
.sprt_callbox_l1{padding:0px 0 25px 0 ; position:relative; top:7px; font-size:1em; width:100%; text-align:center;}
.sprt_callbox_l1 br{display:none;}
.sprt_callbox_l1 span{ font-size:0.9em; position:Relative; left:5px;}


.sprt_callbox_l2{padding:0 0px; font-size:2em; width:100%; text-align:center; }
.sprt_callbox_right{width:100%;  position:relative; top:8px; font-size:1.1em; display:table;}
.sprt_callbox_r1{width:100%; text-align:center; padding:10px 0; position:relative; top:30px;}
.sprt_callbox_r1 span{padding:0 15px;}
.sprt_callbox_r2{width:100%; text-align:center; position:relative; top:-30px;}
.sprt_callbox_r2 span{padding:0 15px;}
.callctr{width:100%; display:table; margin:auto; padding:45px 0 0px 0; display:none;}
.callctr_grid{width:100%; display:table;}
.callctr_box{float:left; width:100%; }
.callctr_array-t{height:60px; border-bottom:0px solid #fff; width:100%;  display:table; position:relative; top:-10px;}
.ctr_cc{font-size:1.24em; text-align:center; }
.callctr_array{height:60px; border-bottom:0px solid #d6d6d6; width:100%; display:table; float:left;}
.callctr_array-b{ float:left;height:99px; border-bottom:1px solid #fff; width:100%;  display:table; position:relative; top:-10px;  display:none;}

.ctr_h1{font-size:1em; padding:7px 20px; background:#a8a8a8; display:inline; border-radius:20px; margin-right:20px;}
.ctr_h2{font-size:1.1em;  display:inline; color:#636363;}
.endline{border-bottom:0px solid #d6d6d6;}


.sprt_curi_wrap{width:100%; display:table; padding: 30px 0 20px 0; margin:auto; border-bottom:1px solid #40a0cd;}
.pdd_add{padding-top:40px;}
.sprt_curi_grid{width:100%; display:table;}
.sprt_curi_box{width:50%;  float:left;}
.sprt_curi_box:nth-child(1){position:relative; left:-5px;}
.sprt_curi_box:nth-child(3){position:relative; right:-5px;}
.sprt_curi_box:nth-child(5){position:relative; left:-5px;}
.sprt_curi_box:nth-child(7){position:relative; right:-5px;}
.sprt_date_align1{width:100%; padding: 20px 0%; text-align:center; }
.sprt_date_align{width:100%;  display:table; text-align:center; } 

.sprt_curi_arr{width:6%; height:270px;  float:left;  display:none;}
.sprt_ddw{width:27px; height:13px; background:url('../../images/sub/dd_arw.png') no-repeat; margin:auto; position:relative; top:110px;}
.crbspan{font-size:1em; position:absolute; left:50px; top:28px; }
.crb1{width:140px; height:140px; margin:auto; 
background:url('../../images/sub/sprt_icon_001.png'); position:relative; background-size:cover;}
.crb2{width:140px; height:140px; margin:auto; 
background:url('../../images/sub/sprt_icon_002.png'); position:relative;  background-size:cover;}
.crb3{width:140px; height:140px; margin:auto; 
background:url('../../images/sub/sprt_icon_003.png'); position:relative;  background-size:cover;}
.crb4{width:140px; height:140px; margin:auto; 
background:url('../../images/sub/sprt_icon_004.png'); position:relative;  background-size:cover;}
.crb-tt{font-size:1.05em; padding:15px 0 30px 0; line-height:1.8em;}
.sprt_date_c1{margin:auto; padding:13px 30px; display:inline; 

width:132px; height:47px; background:#41b9c3; font-size:18px; border-radius:35px;}
.sprt_date_c2{line-height:250%; letter-spacing:-1px; display:inline; position:Relative; text-align:center;  top:12px; padding:0 10px 0 10px; font-size:1em; border-right:1px solid #66b3d7;}
.sprt_date_c2:nth-child(3){border-right:0px}
.sprt_date_c2:last-child{border-right:0px;}
.lect_date_box1{display:table; width:100%; padding:30px 0 00px 0;}
.lect_date_box2{display:table; width:100%; padding:30px 0 60px 0;}
.lect_dw_wrap{width:100%; position:relative; display:table;}
.lect_dw_grid{position:absolute; width:90%; height:500px; background:#fff; left:5%; }
.lect_dw_align{padding:10% 5%;}
.lect_dw_h1{font-size:1em; line-height:180%; padding:0 0 44px 0;}
.lect_dw_h1 br{line-height:280%;}
.lect_dw_btn{width:100%; display:table; height:70px; background:#333; margin:auto;}
.lect_dw_img{display:inline;  position:relative; top:1px;}
.lect_dw_imgtt{display:inline; position:relative; top:-3px; left:10px; font-size:1em;}
.lect_dw_h2{font-size:0.85em; padding:40px 0 20px; line-height:150%; word-break:keep-all;}
.lect_dw_h3g{text-align:left !important; display:table; padding-left:15%; }
.lect_dw_h3g br{line-height:180%;}

.lect_dw_h31{display:inline; font-size:0.95em;}
.lect_dw_h32{display:inline; font-size:0.95em;}
.lect_dw_h31 span{padding:0 0 0 10px; color:#12a7b4 !important;}
.lect_dw_h32 span{padding:0 10px; color:#12a7b4 !important;}

.lect_dw_hc{ width:1px; height:15px; border-right:1px solid #a8a8a8;  display:inline; margin:0 10px; display:none;}


/*개인정보처리방침  + 약관안내*/
.cm_bg_add{padding-top:00px;}
.cm-viewcont_output{padding:0 0 20px 0;}
.cm-viewcont_output p{font-size:18px; line-height:170%; color:#636363; font-weight:300;
padding:0 5% 0% 5%;}
.cm-viewcont_output p:first-child{padding-top:5%;}

.mdac_sele_wrap > .pcm_sele{float:right;}
.pcm_tt{floaT:right; height:55px; display:table; font-size:18px; padding-right:15px; display:none;}


/*이메일무단수집거부*/

.em_reject_dimmed{display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
.em_reject_dimmed-active{display:block;}
.em_reject_dimmed_inner{position:relative; width:100%; height:100%; display:table;}
.emrj_cls{position:absolute; right:0; top:-35px; display:block; cursor:pointer;}
.emrj_box{display:table; width:90%; background:#fff; margin:auto; position:relative; padding:0 0 50px 0;}
.emrj_hd{width:100%; height:100px; background:#0080bd; display:table;}
.emrj_hdtt{font-size:24px;}
.emrj_info{padding:40px;}
.emrj_h1{font-size:1em; line-height:180%;}
.emrj_h1 br{display:none;}
.emrj_h1 span{ padding: 0 0 3px 0; border-bottom:1px solid #333;}
.emrj_notidate{display:table; border-radius:25px; height:50px; width:230px; 
border:1px solid #d6d6d6; margin:auto; margin-top:16px;}


/*사이트맵*/
.sitemap_open{cursor:pointer; border:1px solid #000; padding:5px 9px 15px 9px; float:left; position:relative; top:-2px;}
.sitemap_dimmed{display:none; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
.sitemap-active{display:none;}
.sitemap_inner{position:relative; width:100%; height:100%; display:table;}
.sitemap_cls{position:absolute; right:0px; top:-40px; display:block; cursor:pointer;}
.sitemap_box{height:615px; width:1080px; 
background:#fff url('../../images/sub/sitemap_bg.png') no-repeat; background-position:right -30px bottom -25px; margin:auto; 
position:relative;}


.sitemap_padding{padding:70px 80px;}
.sitemap_list{width:100%; display:table; }
.sitemap_box-c{width:20%; display:table; float:left;}
.sitemap_box-c{width:20%; display:table; float:left;}
.sitemap_box-b{width:100%; display:table; float:left; padding:40px 0 0 0;}

.stm_dl_bottom{float:left;}
dl.pdcss1{padding:0 60px 0; float:left;}
dl.pdcss2{padding:0 60px 0 0; float:left;}

.stm_hd{}
.stm_hdtt{font-size:22px; margin: 0 0 20px 0;}
.stm_liner{width:30px; height:2px; background:#0080bc; margin-bottom:25px;}
.stm_dt{font-size:16px; margin-bottom:20px;}
.stm_dt:hover{text-decoration:underline; transition: all 0.5s ease; color:#0080bc;}
.stm_dd{font-size:15px; margin-bottom:10px; color:#a4a4a4;}
.stm_dd:hover{text-decoration:underline; transition: all 0.5s ease; color:#0080bc;}
.stm_dd:last-child{margin-bottom:35px;}

@media all and ( max-width:1180px ){
.sitemap_padding{padding:70px 80px;}
.sitemap_box{height:615px; width:90%; margin:auto;} 


}

/*인재채용-인재상*/
.krmdh_hdtt{font-size:27px; line-height:180%; padding: 10px 0 60px 0;  display:none; }
.krmdh_box{width:100%; display:table; padding:0 0 00px 0; position:relative; top:-35px;}
.krmdh_box_inner{ width:100%; padding:0px 0 65px 0; display:table;}
.krmdh_box_inner:last-child{ padding: 0px 0 40px 0;}
.krmdh_img{text-align:center; padding:0 5%; }
.krmdh_tt1{font-size:1.1em; line-height:180%; padding:25px 0 0 0;}
.krmdh_tt2{font-size:1.1em; line-height:180%; padding:25px 0 0 0;}

.krmdh_bt_wrap{width:100%; height:300px; 
background:url('../../images/sub/krmdh_btm_bg.jpg') no-repeat center; display:table; background-size:cover; /*background-attachment:fixed;*/}

.krmdh_bt_h1{font-size:0.9em;}
.krmdh_bt_h2{font-size:1.6em;padding:30px 0; line-height:1.8em;}


/*검색결과없음 공통*/
.cm_search_none{width:90%;  padding:95px 0 100px 0; margin:auto; margin-top:50px; display:Table; border-top:1px solid #d6d6d6;}
.cm_search_img{text-align:center;}
.search_none_tt{font-size:1.25em; padding:45px 0 30px 0;}
.cm_search_none > .viewbt_listback{width:100%;}


/*인사제도&복리후생*/
.hrwf_sec{padding:0 5%;}
.hrwf_h1{font-size:1.25em;}
.hrwf_h2{line-height:170%; font-size:1em; padding:30px 6% 30px 6%; border-bottom:1px solid #d6d6d6;}
.hrwf_h2 br{display:none;}
.hrwf_h3{font-size:1.25em; padding:20px 0 20px 0 ;}
.hrwf_dia_img{display:none;}
.hrwf_dia_img img{width:100%; max-width:1182px;}
.hrwf_dia_imgm{display:block; padding:0 15%;}
.hrwf_dia_imgm img{width:100%;}

.hrwf_section{width:90%; margin:auto;  display:Table; padding:20px 5% 50px 5%;}
.hrwf_section-bar{width:100%; margin:auto;  display:Table; padding:10px 0 50px 0;}
.hrwf_section:first-child{margin-top:30px;}

.hrwf_evalbox{width:100%; display:table;}
.hrwf_eval1{width:100%; float:left; border:1px solid #d6d6d6; background:#f5f5f5; border-radius:25px;}
.hrwf_eval2{margin-top:20px; width:100%; float:left;  border:1px solid #d6d6d6; background:#f5f5f5; border-radius:25px;}
.hrwf_eval_inner{padding:40px 0 40px 0;}
.eval_iconimg{}
.eval_iconimg img{width:100%; max-width:50%; }

.eval_h1{font-size:1.24em; padding:25px 0 30px 0;}
.eval_h2{font-size:0.95em; padding:0 5%;}
.hrwf_md_sign{width:100%;  height:216px; background:url('../../images/sub/hrwf_md_sign.png');
position:relative; display:none;}


.hrwf_md_signm{display:block;}
.hrwf_md_signm img{width:100%;}
.hrwf_md_sign_h11{font-size:24px; position:absolute; left:134px; top:78px;}
.hrwf_md_sign_h12{font-size:24px; position:absolute; left:300px; top:115px;}
.wage_grid{width:100%; display:table; padding:40px 0 ;}
.wage_gridinner{height:690px; width:100%; background:url('../../images/sub/wagem_bg.jpg') no-repeat center;; 
display:table; background-size:cover; }

.wage_circle_align{width:90%; padding:0 5%;  margin:auto; display:table;}
.wage_c1{width:180px; height:180px; background:rgba(24,151,87,0.85); border-radius:50%; margin:auto;  display:table; position:relative;}
.wage_c2{width:180px; height:180px; background:rgba(5,100,189,0.85); border-radius:50%; margin:auto;  margin-top:15px; display:table;position:relative;  }
.wage_c3{width:180px; height:180px; background:rgba(253,145,30,0.85); border-radius:50%; margin:auto; margin-top:15px;  display:table; position:relative;}
.wage_c1_line{height:90px; width:1px; background:rgba(255,255,255,0.5); position:absolute; top:145px;
right:50%; z-index:10;}
.wage_c3_line{height:90px; width:1px; background:rgba(255,255,255,0.5); position:absolute; top:-50px; 
left:50%; z-index:10;}

.wage_ch1{font-size: 1.25em; padding:10px 0 0 0 ; position:Relative;}
.wage_ch2{font-size: 1em; line-height:150%; padding:20px 0 0 0 ; opacity:0.8;}

.welfare_box1_grid{width:100%;  display:table;  position:relative;}
.welfare_box1{width:100%;  float:left;  position:relative; z-index:20;  padding:0 0 50px 0;}
.welfare_box2{width:100%;   float:left; position:relative; z-index:21;  padding:0 0 50px 0;}

.welfareliner{width:10.7%;  float:left; position:relative; z-index:10; display:none;}

.welfare_box_liner{width:128px; background:#d6d6d6; height:1px; top:85px; position:relative;}

.welfare_box1_inner{margin:auto;  position:relative;}
.welfare_box2_inner{margin:auto;  position:relative;}


.welfare_box2_grid{width:100%; display:table; padding:0px 0 30px 0; position:Relative;}
.welfare_box2:first-child{}
.welfare_box2:last-child{}

.welfare_icoimg{text-align:center; }
.welfare_icoimg img{}
.welfare_h1{font-size:1.2em; padding:25px 0 20px 0;}
.welfare_h2{font-size:1em; line-height:180%; display:block;}


/*직무소개*/
.hrwf_sec2{padding: 0 0% ; display:table; width:100%;}
.hrjobsec_01{overflow:hidden;  }
.hrjobsec_02{padding:90px 0 0 0 ; overflow:hidden;} 
.hrjobsec_03{padding:90px 0 0 0 ; overflow:hidden;}
.hrjobsec_04{padding:90px 0 0 0; overflow:hidden;}

.hrjb_hd{padding: 0 5% ; width:90%;  margin:auto; display:table;}
.hrjb_hd_align{height:40px; display:table; float:left; padding:00px 0;
width:100%; text-align:center;}
.hrjb_h1{font-size:1.3em; padding: 0 0 30px 0 ;}
.hrjb_h1_img{font-size:35px; width:100%;}
.hrjb_hd_imgbg{width:300px; height:125px; margin:auto; display:table;}
.hrjbtimg01{background:url('../../images/sub/jobs_01.png') no-repeat;  
background-size:cover; background-position:0px 20px; position:relative;}
.hrjbtimg02{background:url('../../images/sub/jobs_02.png') no-repeat;
background-size:cover; position:relative;}
.hrjbtimg03{background:url('../../images/sub/jobs_03.png') no-repeat;
background-size:cover; position:relative;}
.hrjbtimg04{background:url('../../images/sub/jobs_04.png') no-repeat; 
background-size:cover; position:relative;}



.hrjb_cont{padding: 70px  0% 70px 0%; width:100%; background:#f5f5f5; margin:auto;  display:table;}
.hrjb_cont_align{width:100%; display:table; padding:10px 0 30px 0 ;}
.hrjb_box{width:100%; float:left;}
.hrjb_box_inner{width:100%; display:table; padding:40px 0 10px 0;}

.hrjb_box_left{width:100%; display:table; float:left;}
.hrjb_box_circle{width:120px; height:120px; border-radius:50%;  display:table; margin:auto; position:relative;}
.hrjb_box_circle_liner{display:none; width:44px; height:1px; background:#d6d6d6; position:absolute; top:63px; right:-20px;}



.hrjb_type1{background:#21c3a7;}
.hrjb_type2{background:#12a7b4;}
.hrjb_type3{background:#009bc0;}
.hrjb_type4{background:#0282d3;}

.hrjb_ico_tt{font-size:1.1em; line-height:150%;}
.hrjb_box_right{width:100%; display:table;  float:left;}
.hrjb_box_cont{line-height:170%; font-size:1em;  padding:20px 5% 0 5%; letter-spacing:-0.5px;}
.hrjb_2line{padding:35px 5% 0 5%; }





/*역사관-intro*/
.hst_skip_outer{position:fixed; bottom:0px; right:0;width:100%; height:100%; z-indeX:99;}
.hst_skip_wrap{position:relative; width:100%; max-width:1920px; margin:auto; height:100%;}
.hst_skipper{position:absolute;bottom: 30px; right:30px; width:40px; height:40px; display:block; z-indeX:99;}
.hst_skipper img{width:100%;}
.pdda00{padding:0px !important; overflow:hidden;}
.hst_intro{width:100%; position:relative; display:table; 
background:url('../../images/sub/krhstm_bg.jpg')no-repeat center; background-size:cover;}
.hst_int_h1{font-size:1.6em; transform:translateY(200%); opacity:0; transition: all 2.5s ease; line-height:130%;} 
.hst_int_h1-active{transform:translateY(0%); opacity:1; transition: all 1.5s ease;}
.hst_int_h2{font-size:1.7em; padding:15px 0 ;}

.hst_int_h2 span{margin:0 -3.5px; display:inline-table; }
.tt-lblue{color:#00adff}
.tt_h5{color:#a4a4a4; letter-spacing:-0.5px;}
.int_h21{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h22{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h23{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h24{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h25{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h26{opacity:0; transform:translateY(100%); transition: all 0.7s ease-out;}
.int_h21-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.int_h22-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.int_h23-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.int_h24-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.int_h25-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.int_h26-active{transform:translateY(0%); opacity:1;  transition: all 1.2s ease;}
.hst_ctline{display:none; position:absolute; width:1px; height:100px; background:#858585; left:50%; margin-left:-1px;}
.hst_barliner_grid{width:80%; height:70px; position:fixed; bottom:50px; padding:0 10%;}
.hst_barliner_wapper{width:100%; height:2px;  background:#636363; position:relative; top:35px;}
.hst_barliner_inner{width:100%; height:2px;}
.bar_ani { background:#00adff; width:100%; -moz-animation:hst_barliner 30s ease-out; 
-webkit-animation:hst_barliner 30s ease-out; animation:hst_barliner 30s ease-out;}

@keyframes hst_barliner { 0%  { width:0px;} 100%{ width:100%;} }
@-webkit-keyframes hst_barliner { 0%  { width:0px;} 100%{ width:100%;} }
@-ms-keyframes hst_barliner { 0%  { width:0px;} 100%{ width:100%;} }
@-moz-keyframes hst_barliner { 0%  { width:0px;} 100%{ width:100%;} }

.hst_progress{margin:auto; padding: 20px 0 0px 0; height:400px; 
transition: all 0.7s; opacity:0;}
.hst_progress-active{transition: all 0.7s; opacity:1;}
.hst_ico_box{width:100%; height:70px;  display:table; position:relative;}
.hst_ico{width:67px; height:66px; margin:auto;}
.hst_ico01{background:url('../../images/sub/int_hst_ico01_off.png')no-repeat; transition: all 0.3s ease-out;}
.hst_ico02{background:url('../../images/sub/int_hst_ico02_off.png')no-repeat; transition: all 0.3s ease-out;}
.hst_ico03{background:url('../../images/sub/int_hst_ico03_off.png')no-repeat; transition: all 0.3s ease-out;}
.hst_ico04{background:url('../../images/sub/int_hst_ico04_off.png')no-repeat; transition: all 0.3s ease-out;}

.hst_ico01-active{background:url('../../images/sub/int_hst_ico01.png')no-repeat; transition: all 0.2s ease;}
.hst_ico02-active{background:url('../../images/sub/int_hst_ico02.png')no-repeat; transition: all 0.2s ease;}
.hst_ico03-active{background:url('../../images/sub/int_hst_ico03.png')no-repeat; transition: all 0.2s ease;}
.hst_ico04-active{background:url('../../images/sub/int_hst_ico04.png')no-repeat; transition: all 0.2s ease;}

.hst_int_cont01{ left:-30px; opacity:0;  transition: all 0.7s ease-out; transform:translateY(100%);}
.hst_int_cont02{ left:-35px;opacity:0;  transition: all 0.7s ease-out;transform:translateY(100%);}
.hst_int_cont03{ left:-30px;opacity:0;  transition: all 0.7s ease-out;transform:translateY(100%);}
.hst_int_cont04{ left:-35px;opacity:0;  transition: all 0.7s ease-out;transform:translateY(100%);}
.hst_int_cont-active{ opacity:1;  transition: all 1.0s ease-out; transform:translateY(0%);}

.hst_int_cont_h1{text-align:center; font-size:1.7em; padding:30px 0 20px 0 ; white-space:nowrap;}
.hst_int_dot{width:8px; height:8px; background:#858585; border-radius:50%; position:relative; margin:auto;}
.hst_int_cont_h2{font-size:0.95em; line-height:170%; width:90%; padding:15px 5% 0 5%; }


.hstb01{display:table; opacity:0; transition: all 0.7s ease-out; transform:translateX(100%);}

.hstb02{display:none; opacity:0; transition: all 0.7s ease-out; transform:translateX(100%);}

.hstb03{display:none; opacity:0; transition: all 0.7s ease-out; transform:translateX(100%);}
.hstb04{display:none; opacity:0; transition: all 0.7s ease-out; transform:translateX(100%);}

.hstb-active{opacity:1; transition: all 1.1s ease; transform:translateX(0%); display:table !important; }
.hstb-after{opacity:0; transition: all 0.5s ease; transform:translateX(-100%); display:table; }
.hstb-hide{opacity:0; transition: all 1.3s ease;  display:none !important;; }

.hst_intro_pc{display:none;}
.hst_intro_m{}


/*공통인터랙션용 속성*/
.cm_fadeX{opacity:0; transform:translateX(-50%);}
.cm_fadeY1{opacity:0; transform:translateY(-50%);}
.cm_fadeY2{opacity:0; transform:translateY(-30%);}

.cm_fade-out-X{transform:translateX(0%); transition: all 1.3s ease; opacity:1;}

.cm_fade-out-Y1{transform:translateY(0%); transition: all 1.2s ease; opacity:1;}
.cm_fade-out-Y2{transform:translateY(0%); transition: all 0.7s ease; opacity:1;}




/*역사관*/
.hst_logo_pc{display:none;}
.hst_logo_m{width:50%;}

.hst_mnav_wrap{padding:30px 5% ; position:relative;} 
.hst_mnav_grid{width:100%; margin:auto; height:50px; background:#000; border:1px solid #a4a4a4; display:table;}

.hst_manv_ul{display:none; position:absolute;   background:rgba(0,0,0,0.5); width:90%; z-indeX:999; 
border:1px solid #a4a4a4; border-top:0px;}
.hst_manv_ul li{width:100%; padding:20px 0; text-align:center;  background:rgba(0,0,0,0.5);}
.hst_manv_ul > li > .hst_sele_out > .hst_sele_out-arr{display:none;}

.hst_sele_out{height:30px; width:80%; padding:0 10%;}
.hst_sele_out-img{width:10%; height:30px; float:left; text-align:Center;}
.hst_sele_out-txt{width:80%; height:30px; float:left; position:relative; top:8px; color:#fff; font-size:1em;}
.hst_sele_out-arr{width:10%; height:30px; float:left; text-align:Center; position:Relative; top:8px;}



.hst_vcont{width:100%;  display:table; 
background-image:url('../../images/sub/hstm_conbg.jpg'); padding:00px 0 0 0; 
 background-attachment:fixed;  background-size:cover;
}

.krhst_hds{position:fixed; top:0; height:80px; width:100%; background:#0080bd; z-index:100; display:table;}
.krhst_hds_inner{position:relative; cursor:pointer;}
.krhst_hds_cls{position:absolute; right:5%; top:30px;}
.krhst_hds_cls img{width:50%;}

.vt_sidenav{position:fixed; top:00px; left:132px; z-index:99; display:none;}
.vt_sidenav_inner{position:relative; width:6px; height:100%; background:url('../../images/sub/nv_liner.png') no-repeat; z-index:99; display:table;}
.vt_navbtn_group{position:relative; top:335px; left:-5px;  height:400px;}
.vt_navbtn{border-radius:50%; position:relative; width:18px; height:18px; border:0px solid #00adff; cursor:pointer; z-index:100;}
.navbtn_dot{width:6px; height:6px; background:#a4a4a4;position:relative; top:6px; left:6px; border-radius:50%;}

.navbtn_dot-active{ background:#00adff;}

.vt_navbtn01{top:0px;}
.vt_navbtn02{top:111px;}
.vt_navbtn03{top:220px;}
.vt_navbtn04{top:330px;}
.navsc01{width:245px; height:42px; position:absolute; opacity:0; background:url('../../images/sub/nav_img01.png'); left:-83px; top:-13px; transition: all 0.7s ease;}
.navsc02{width:244px; height:47px; position:absolute;  opacity:0; background:url('../../images/sub/nav_img02.png'); left:-82px; top:-14px; transition: all 0.7s ease;}
.navsc03{width:249px; height:40px; position:absolute;  opacity:0; background:url('../../images/sub/nav_img03.png'); left:-87px; top:-11px; transition: all 0.7s ease;}
.navsc04{width:244px; height:47px; position:absolute;  opacity:0; background:url('../../images/sub/nav_img04.png'); left:-82px; top:-14px; transition: all 0.7s ease;}
.navsc-active{ opacity:1;  transition: all 0.7s ease;}
.vcont_out{position:Relative; width:100%; padding:0 0%;}


#vcon1_section{padding:0px 0 0px; width:100%; display:table;}
#vcon2_section{padding:0px 0 0px; width:100%; display:table;}
#vcon3_section{padding:0px 0 0px; width:100%; display:table;}
#vcon4_section{padding:0px 0 0px; width:100%; display:table;}
/*
.hst_fade{opacity:0; transform:translateY(-20%);}*/
.hst_fade{opacity:0; transform:translateY(30%);}

.hst_fade-active{opacity:1; transform:translateY(0%); transition: all 1.3s ease;}

.vstcs{display:table; width:100%;}

.krhst_mh1{font-size:0.85em; line-height:170%; padding:0 0 00px 0 ;}
.krhst_mh2{font-size:1.8em; line-height:150%;}
.krhst_sh1{font-size:1.1em; line-height:170%; color:#fff; word-break:keep-all;}
.krhst_sh1 br{display:none;}
.krhst_sh2{font-size:1em; line-height:180%; color:#a4a4a4; word-break:keep-all; padding:20px 0 0 0;}
.krhst_sh2 p{padding:0 4%; word-break:keep-all;}

.krhst_hdliner1{width:240px; height:2px; background:#fff; position:relative; margin-top:20px; left:-160px;}
.vcon1_hds{position:Relative;  z-index:9; padding: 0 5% 40px 5%;}
.vcon_cm1 {width:90%; padding:0 5%;}
.vcon_cm2 {width:90%; padding:0 5%;}
.vcon_cm3 {width:90%; padding:0 5%;}
.vcon_cm4 {width:90%; padding:0 5%;}
.vcon_cm5 {width:90%; padding:0 5%;}
.vcon_cm6 {width:90%; padding:0 5%;}
.vcon_cm11 {width:90%; padding:0 5%;}
.vcon_cm7 {width:90%; padding:0 5%;}
.vcon_cm8 {width:90%; padding:0 5%;}
.vcon_cm9 {width:90%; padding:0 5%;}
.vcon_cm10 {width:90%; padding:0 5%;}

.spn-right{font-size:17px; float:right; padding:2px 0;
border-bottom:2px solid #fff; right:0px; top:-25px; position:relative; margin-left:15px; margin-bottom:30px;}

.spn-left{font-size:17px; float:left; padding:2px 0;
border-bottom:2px solid #fff; left:00px; top:-25px; position:relative;  margin-right:15px; margin-bottom:30px;}

.padd20t {padding:20px 0 0 0 ;}




.vcon1-1box{position:relative; width:100%; display:table; margin-top:10px; padding-bottom:50px; padding-top:10px;}
.vcon1-2box{position:relative; width:100%; display:table; top:0px; margin-bottom:55px;}
.vcon1-2box_inner{float:left;  width:100%; position:relative;}
.vcon1-3box{position:relative; width:100%; display:table; margin-bottom:50px;}
.vcon1-3box_inner{float:left; display:table; width:100%; position:relative;}
.vcon1-1{position:relative;  margin-top:40px;}
.vcon1-1 > .krhst_sh2 > p{padding:0%; word-break:break-all;}
.vcon1-1_img{position:relative;}
.vcon1-1_img img{width:100%;}
.vcon1-2{position:relative; margin-top:50px;}
.vcon1-2_img{position:relative; right:0px;}
.vcon1-2_img img{width:100%;}
.vcon1-3{position:relative; margin-top:50px;}
.vcon1-3_img{position:relative; left:0px;}
.vcon1-3_img img{width:100%;}

.vcon2-1box{position:relative; width:100%; display:table;}
.vcon2-2box{position:relative; width:100%; display:table; margin-bottom:80px;}
.vcon2-2box_inner{float:left; display:table; width:100%; position:relative; }
.vcon2-3box{position:relative; width:100%; display:table;  margin-bottom:50px;}
.vcon2-3box_inner{float:right; display:table; width:100%; position:relative;}
.vcon2_hds{position:Relative;  z-index:9; padding: 0 5% 40px 5%;}
.vcon2-1{position:relative;  margin-top:40px; margin-bottom:80px;}
.vcon2-1 > .krhst_sh2 > p{padding:0%; word-break:break-all;}
.vcon2-1_img{text-align:center;}
.vcon2-1_img img{width:100%;}
.vcon2-2{position:relative;}
.vcon2-2_img{position:relative; text-align:center; padding: 0 0 20px 0 ;}
.vcon2-2_img img{width:90%;}
.vcon2-3{position:relative; margin-top:50px;}
.vcon2-3_img{position:relative; }
.vcon2-3_img img{width:100%;}

.vcon3-1box{position:relative; width:100%; display:table;}
.vcon3-2box{position:relative; width:100%; display:table; top:00px; margin-bottom:80px;}
.vcon3-2box_inner{float:left; display:table; width:100%; position:relative;}
.vcon3-3box{position:relative; width:100%; display:table; top:00px; margin-bottom:80px;}
.vcon3-3box_inner{float:right; display:table; width:100%; position:relative;}
.vcon3-4box{position:relative; width:100%; display:table; top:00px; margin-bottom:80px;}
.vcon3-4box_inner{float:left; display:table; width:100%; position:relative;}
.vcon3-5box{position:relative; width:100%; display:table; top:00px; margin-bottom:00px;}
.vcon3-5box_inner{float:right; display:table; width:100%; position:relative;}
.vcon3_hds{position:Relative; position:Relative;  z-index:9; padding: 0 5% 40px 5%; }
.vcon3_hds > .krhst_mh2{width:70%;}
.vcon3-1{position:relative; margin-top:40px; margin-bottom:80px;}
.vcon3-1 > .krhst_sh2 > p{padding:0%; word-break:break-all;}

.vcon3-1_img{position:relative;;}

.vcon3-1_img img{width:100%;}
.vcon3-2{position:relative; margin-top:30px; }
.vcon3-2_img{position:relative; text-align:right; padding-right:5%;}
.vcon3-2_img img{width:80%; }
.vcon3-3{position:relative; margin-top:50px;}
.vcon3-3_img{position:relative;}
.vcon3-3_img img{width:100%;}
.vcon3-4{position:relative; margin-top:50px;}
.vcon3-4_img{position:relative; text-align:left; padding-left:5%;}
.vcon3-4_img img{width:80%;}
.vcon3-5{position:relative; margin-top:50px;}
.vcon3-5_img{position:relative;}
.vcon3-5_img img{width:100%;}

.vcon4-1box{position:relative; width:100%; display:table;}
.vcon4-2box{position:relative; width:100%; display:table; top:0px; margin-bottom:100px;}
.vcon4-2box_inner{float:right; display:table; width:100%; position:relative;}
.vcon4-3box{position:relative; width:100%; display:table; top:00px; margin-bottom:100px;}
.vcon4-3box_inner{float:left; display:table; width:100%; position:relative;}
.vcon4-4box{position:relative; width:100%; display:table; top:00px;  margin-bottom:0px; padding-bottom:50px;}
.vcon4-4box_inner{float:right; display:table; width:100%; position:relative;}
.vcon4-5box{position:relative; width:100%; display:table; top:150px; margin-bottom:200px; }
.vcon4-5box_inner{float:right; display:table; width:100%; position:relative;}
.vcon4_hds{position:Relative; position:Relative;  z-index:9; padding: 0 5% 40px 5%; }
.vcon4-1{position:relative; margin-top:40px; margin-bottom:50px;}
.vcon4-1 > .krhst_sh2 > p{padding:0%; word-break:break-all;}

.vcon4-1_img{position:relative;}
.vcon4-1_img img{width:100%;}

.vcon4-2{position:relative; margin-top:20px;}
.vcon4-2 > .krhst_sh1 > .spn-left{margin-bottom:50px;}
.vcon4-2_img{position:relative; padding-left:5%;}
.vcon4-2_img img{width:95%;}

.vcon4-3{position:relative; margin-top:50px;}
.vcon4-3_img{position:relative; padding-right:5%; text-align:right;}
.vcon4-3_img img{width:80%;} 

.vcon4-4{position:relative; margin-top:50px;}
.vcon4-4_img{position:relative; padding-left:5%;}
.vcon4-4_img img{width:80%;}

.vcon4-5{position:relative; margin-top:50px;}
.vcon4-5_img{position:relative;}
.vcon4-5_img img{width:100%;}

/*역사관 pic add*/
.vcon_add_box00{position:relative; width:100%; display:table; top:0px; margin-bottom:0px;}

.vcon_add_box01{position:relative; width:100%; display:table; top:0px; margin-bottom:0px;}
.vcon_add_box02{position:relative; width:100%; display:table; top:0px; margin-bottom:0px;}
.vcon_add_box03{position:relative; width:100%; display:table; top:0px;  margin-bottom:0px;}
.vcon_add_box04{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box05{position:relative; width:100%; display:table;  margin-bottom:50px;}
.vcon_add_box20{position:relative; width:100%; display:table; top:0;}

.vcon_add_box20{position:relative; width:100%; display:table; top:0;}
.vcon_add_box21{position:relative; width:100%; display:table; top:0;}
.vcon_add_box22a{position:relative; width:100%; display:table; top:0;}
.vcon_add_box22{position:relative; width:100%; display:table; top:0;}
.vcon_add_box23{position:relative; width:100%; display:table; top:0;}
.vcon_add_box24{position:relative; width:100%; display:table; top:0;}
.vcon_add_box25{position:relative; width:100%; display:table; top:0;}
.vcon_add_box26{position:relative; width:100%; display:table; top:0;}
.vcon_add_box27{position:relative; width:100%; display:table; top:0; }
.vcon_add_box28{position:relative; width:100%; display:table; top:0; }
.vcon_add_box29{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box29f{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box29f2{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box29f3{position:relative; width:100%; display:table; top:0px; margin-bottom:100px; }

.vcon_add_box27 > .hst_add_left_inner > .addtt-left{margin-top:10px;}

.vcon_add_box31{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box315{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box316{position:relative; width:100%; display:table; top:0px; }

.vcon_add_box32{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box33{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box34{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box35{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box36{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box37{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box38{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box39{position:relative; width:100%; display:table; top:0px; }


.vcon_add_box41{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box42{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box43a{position:relative; width:100%; display:table; top:0px;}

.vcon_add_box43{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box431{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box431b{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box431c{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box431d{position:relative; width:100%; display:table; top:0px;}


.vcon_add_box44{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box441{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box442{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box443{position:relative; width:100%; display:table; top:0px;}

.vcon_add_box45{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box46{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box461{position:relative; width:100%; display:table; top:0px; margin-top:0px;}

.vcon_add_box47{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box48{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box481{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box482{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box483{position:relative; width:100%; display:table; top:0px;}
.vcon_add_box484{position:relative; width:100%; display:table; top:0px;}

.vcon_add_box49{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4901{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4902{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4903{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4904{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4905{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4906{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4907{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4908{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4909{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4910{position:relative; width:100%; display:table; top:0px; margin-top:-50px;}
.vcon_add_box4911{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4911a{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4911b{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4911c{position:relative; width:100%; display:table; top:0px; }



.vcon_add_box4912{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4913{position:relative; width:100%; display:table; top:0px; }
.vcon_add_box4914{position:relative; width:100%; display:table; top:0px; }

.vcon_add_box50{position:relative; width:100%; display:table; }
.vcon_add_box51{position:relative; width:100%; display:table; }


.vcon_add_box49141{position:relative; width:100%; display:table; }
.vcon_add_box49142{position:relative; width:100%; display:table; }

.vcon_add090802_1_img{position:relative; width:100%; text-align:center;}
.vcon_add090802_1_img img{width:100%;}
.vcon_add090802_2_img{position:relative; width:100%; text-align:center;}
.vcon_add090802_2_img img{width:100%;}

.hst_add_left_inner{float:left; display:table; width:100%; padding:0 0%; position:Relative;}
.hst_add_right_inner{float:left; display:table; width:100%; padding:0 0%; position:Relative;}
.vcon_add_box4909 > .hst_add_right_inner > .addcm_50{position:relative; top:-50px !important;}

.ps-right-3{right:0%;}
.ps-right-4{right:0%;}
.ps-left1{left:0%}
.ps-left2{left:0%}
.ps-left3{left:0%}
.ps-left4{left:0%}
.ps-left5{left:0%}
.ps-left6{left:0%}
.ps-left7{left:0%}
.ps-left8{left:0%}
.ps-left9{left:0%}
.ps-left10{left:00%}
.ps-left11{left:0%}
.ps-left12{left:0%}
.ps-left13{left:00%}
.ps-left15{left:00%}
.ps-left17{left:00%}
.ps-left18{left:00%}
.ps-left20{left:0%}

.ps-left22{left:00%}
.ps-left24{left:0%}
.ps-left25{left:0%}

.ps-right1{left:0%}
.ps-right2{right:0%}
.ps-right3{right:0%}
.ps-right5{right:0%}
.ps-right7{right:0%}
.ps-right8{right:0%}
.ps-right10{right:00%}
.ps-right12{right:00%}
.ps-right13{right:00%}
.ps-right14{right:00%}
.ps-right15{right:00%}
.ps-right16{right:00%}
.ps-right17{right:00%}
.ps-right18{right:00%}
.ps-right20{right:00%}
.ps-right21{right:00%}
.ps-right22{right:00%}
.ps-right25{right:00%}

.addtt-left{position:relative; margin-top:50px; left:0px;}
.addtt-right{position:relative; margin-top:50px; left:0px;}
.addtt-right_og30{position:relative; margin-top:50px; right:0px;}
.addtt-right_rg124{position:relative; margin-top:50px; right:0px;}

.addtt-right_og40{position:relative; margin-top:50px; right:0px;}
.addtt-right_og115{position:relative; margin-top:50px; right:0px;}
.addtt-right_og150{position:relative; margin-top:50px; right:0px;}
.addtt-right_og226{position:relative; margin-top:50px; right:0px;}
.addtt-right_og132{position:relative; margin-top:50px; right:0px;}
.addtt-right_og148{position:relative; margin-top:50px; right:0px;}
.addtt-right_og175{position:relative; margin-top:50px; right:0px;}

.addtt-right_og0{position:relative; margin-top:50px; right:0px;}
.addtt-right_og240{position:relative; margin-top:50px; right:0px;}

.addtt-right_og{position:relative; margin-top:50px; right:0px;}
.addtt-right_og200{position:relative; margin-top:50px; right:0px;}
.addtt-right_og280{position:relative; margin-top:50px; right:0px;}
.addtt-right_og300{position:relative; margin-top:50px; right:0px;}
.addtt-right_og320{position:relative; margin-top:50px; right:0px;}

.frn1{position:Relative; margin-top:50px; right:0% !important;}
.frn2{position:Relative; margin-top:50px; right:0% !important;}
.frn3{position:Relative; margin-top:50px; right:0% !important;}
.frn4{position:Relative; margin-top:50px; right:0% !important;}
.frn5{position:Relative; margin-top:50px; right:0% !important;}
.frn6{position:Relative; margin-top:50px; right:0% !important;}
.frn7{position:Relative; margin-top:50px; right:0% !important;}
.frn8{position:Relative; margin-top:50px; right:0% !important;}
.frn9{position:Relative; margin-top:50px; right:0% !important;}
.frn10{position:Relative; margin-top:50px; right:0% !important;}
.frn11{position:Relative; margin-top:50px; right:0% !important;}
.frn12{position:Relative; margin-top:50px; right:0% !important;}
.frn13{position:Relative; margin-top:50px; right:0% !important;}
.frn14{position:Relative; margin-top:50px; right:0% !important;}



.vcon_add1_1a_img{position:relative; width:100%; }
.vcon_add1_1a_img img{width:100%;}

.vcon_add1_1_img{position:relative; width:100%; }
.vcon_add1_1_img img{width:100%;}
.vcon_add1_2_img{position:relative; width:100%; }
.vcon_add1_2_img img{width:100%; }
.vcon_add1_3_img{position:relative; width:100%;}
.vcon_add1_3_img img{width:100%;}
.vcon_add1_4_img{position:relative; width:100%;}
.vcon_add1_4_img img{width:100%;}

.vcon_add1_5_img{position:relative; width:100%;}
.vcon_add1_5_img img{width:100%;}

.vcon_add2_1_img{position:relative; width:100%;}
.vcon_add2_1_img img{width:100%;}

.vcon_add2_2_img{position:relative; width:100%;}
.vcon_add2_2_img img{width:100%;}
.vcon_add2_3_img{position:relative; width:100%;}
.vcon_add2_3_img img{width:100%;}
.vcon_add2_4_img{position:relative; width:100%;}
.vcon_add2_4_img img{width:100%;}
.vcon_add2_5_img{position:relative; width:100%;}
.vcon_add2_5_img img{width:100%;}
.vcon_add2_6_img{position:relative; width:100%;}
.vcon_add2_6_img img{width:100%;}
.vcon_add2_7_img{position:relative; width:100%;}
.vcon_add2_7_img img{width:100%;}
.vcon_add2_8_img{position:relative; width:100%;}
.vcon_add2_8_img img{width:100%;}
.vcon_add2_9_img{position:relative; width:100%;}
.vcon_add2_9_img img{width:100%;}
.vcon_add2_9f_img{position:relative; width:100%;}
.vcon_add2_9f_img img{width:100%;}
.vcon_add3_1_img{position:relative; width:100%;}
.vcon_add3_1_img img{width:100%;}
.vcon_add3_2_img{position:relative; width:100%;}
.vcon_add3_2_img img{width:100%;}
.vcon_add3_3_img{position:relative; width:100%;}
.vcon_add3_3_img img{width:100%;}
.vcon_add3_4_img{position:relative; width:100%;}
.vcon_add3_4_img img{width:100%;}
.vcon_add3_5_img{position:relative; width:100%;}
.vcon_add3_5_img img{width:100%;}
.vcon_add3_6_img{position:relative; width:100%;}
.vcon_add3_6_img img{width:100%;}
.vcon_add4_1_img{position:relative; width:100%;}
.vcon_add4_1_img img{width:100%;}

.vcon_add4_5_img{position:relative;width:100%; }
.vcon_add4_5_img img{width:100%;}

.vcon_add4_9_img{position:relative; width:100%;}
.vcon_add4_9_img img{width:100%;}


.addcm_50{width:90%; padding:0 5% 80px 5%;}
.addcm_40{width:90%; padding:0 5% 80px 5%;}
.addcm_60{width:90%; padding:0 5% 80px 5%;}
.addcm_70{width:90%; padding:0 5% 80px 5%;}
.addcm_100{width:90%; padding:0 5% 80px 5%;}

.addcm_72{width:90%; padding:0 5% 80px 5%;}
.addcm_26{width:90% !important; padding:0 5% 80px 5%;}


/*쿠키사용허용*/
.ck_allow{width:100%; height:150px; position:relative; background:#333; display:table; z-index:999;}
.ck_allow-scrolled{position:fixed; top:0px; }
.ck_allow_box{width:100%; height:20px;}
.ck_all_left{width:0%; height:22px; float:left;}
.ck_all_center{width:90%;  padding:0 5%; float:left;}
.ck_all_align{display:table; margin:auto;}
.ck_all_right{width:90%;   padding:0 5%; float:left;}

.ck_allow_tt{float:left; font-size:0.8em; position:relative; top:-10px; word-break:keep-all; color:#fff;width:65%; text-align:left !important; line-height:150%;}
.cks_agree_btn{float:right; padding:15px 20px 15px 15px; width:22%;  background:#ffe718; border-radius:3px; position:relative; top:-8px; cursor:pointer;}
.ck_allow_ttspan1{padding: 0 5px 0 0; position:relative; top:-1px;}
.ck_allow_ttspan2{font-size:0.9em;color:#222;}
.ck_a_more{font-size:0.9em; color:#fff; opacity:0.5; text-align:left; position:relative; top:0px;}
.ck_a_more a{text-decoration:underline;}

.blink-y {
    animation: blink 1s step-end infinite;
}

@keyframes blink {
 0% {background-color: #ffd800;}
 50% {background-color:  #ffe718;}
}
 
@-webkit-keyframes blink {
 0% {background-color: #ffd800;}
 50% {background-color:  #ffe718;}
}
 
.blinkcss {
 animation: blink 1s step-end infinite;
 -webkit-animation: blink 1s step-end infinite;
}