img {
   image-rendering: -moz-crisp-edges;         /* Firefox */
   image-rendering:   -o-crisp-edges;         /* Opera */
   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
   image-rendering: crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    overflow: visible;    
}
::-webkit-scrollbar-thumb {
    background-color: #D9DBE0;
    height: 56px;
    border-radius: 15px;
    border: 6px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-track {
    background-color:#f5f5f5;
    /* height: 56px;
    border-radius: 15px;
    border: 6px solid transparent;
    background-clip: content-box; */
}

/*공통*/
*{margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {width:100%;}
body {width:100%; height:100%;}
body.body_scroll {overflow:hidden; position: fixed;}
body {position:relative; font-size:18px; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; color:#111; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height:1.8em; letter-spacing:-0.01em;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0;}

/*div, li, p {word-break:keep-all;}*/

ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{display:none}
textarea, button{vertical-align:middle}
button{cursor:pointer;border:none;overflow:visible;}
option{padding:3px 10px}
input, select{vertical-align:middle; color:#505050; border:0; outline:0; height:40px; border-top:0; border-right:0; border-left:0; border-bottom:0px solid #555; padding:6px; width:100%;
font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; font-size:18px; background-color:transparent;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; -webkit-text-fill-color: #111; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

input {border-bottom:1px solid #555;}
select{appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; font-size:18px; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; font-weight:400; letter-spacing:-0.0em;}
select::-ms-expand {display:none}
option {border:0; outline:0}
textarea{padding:10px; vertical-align:middle; background:transparent; border:1px solid #555; width:100%; min-height:180px;}

a {text-decoration:none; color:inherit; -webkit-tap-highlight-color:transparent;}
a:hover, a:focus, a:active, a:visited {text-decoration:none; color:inherit;}

table{width:100%; border-collapse:collapse}
button{margin:0; padding:0; background:none; word-break:break-all;}

::-webkit-input-placeholder {color:#505050;  letter-spacing: 0.02em;}
:-moz-placeholder {color:#505050; opacity:1;  letter-spacing: 0.02em;}
::-moz-placeholder {color:#505050; opacity:1;  letter-spacing: 0.02em;}
:-ms-input-placeholder {color:#505050;  letter-spacing: 0.02em;}
:placeholder-shown {color:#505050;  letter-spacing: 0.02em;}

input::placeholder  {color:#505050;  letter-spacing: 0.02em;}
input::-webkit-input-placeholder {color:#505050;  letter-spacing: 0.02em;}
input:-ms-input-placeholder {color:#505050;  letter-spacing: 0.02em;}
textarea::-webkit-input-placeholder {color:#505050;  letter-spacing: 0.02em;}
textarea:-ms-input-placeholder {color:#505050;  letter-spacing: 0.02em;}

/*공통*/

sup {font-size: 12px;}

#footer, #footer a, #footer div, #footer li, #footer p {color:#111;}

strong {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; color:#000; font-weight: normal;}
.headline {color:#000; margin-bottom:5px; font-size:22px !important; font-family: 'NunitoSans-bold', 'notokr-bold', sans-serif;}
.relation_box .headline {font-size:20px !important; line-height: 1.3em; margin-bottom: 6px;}
.headline.inquiries {font-size:21px;}
.headline.accord_caption { margin-bottom:0px;}
.accord_show .headline {font-size:19px;}
.required_point {color:#ea0029; display:inline-block; margin-left:5px;}
.inline_block {display:inline-block;}

.cursor_pointer {cursor:pointer;}
.posi_relative, .relative {position:relative}
.absolute {position:absolute}
.bordernone {border:0 !important;}

.backcolor_f6f3f3 {background-color:#f6f3f3;}
.backcolor_fdfafa {background-color:#fdfafa;}
.backcolor_eee7e1 {background-color:#eee7e1;}
.backcolor_fff {background-color:#fff;}

.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important}
.mt2 {margin-top:2px !important}
.mt3 {margin-top:3px !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}

.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px !important}
.mb8 {margin-bottom:8px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px}
.mb100 {margin-bottom:100px}
.mb110 {margin-bottom:110px}
.mb120 {margin-bottom:120px}
.mb130 {margin-bottom:130px}
.mb140 {margin-bottom:140px}
.mb150 {margin-bottom:150px}

.mr10 {margin-right:10px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px;}
.pl12 {padding-left:12px;}
.pl20 {padding-left:20px;}
.pd0 {padding:0 !important;}

.plpr20 {padding-left:20px; padding-right:20px;}
.plpr30 {padding-left:30px; padding-right:30px;}
.plpr40 {padding-left:40px; padding-right:40px;}

.keep-all {word-break: keep-all;}

.pt0 {padding-top:0px !important}
.pt8 {padding-top:8px}
.pt10 {padding-top:10px}
.pt11 {padding-top:11px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px !important}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}

.pb0 {padding-bottom:0px !important;}
.pb7 {padding-bottom:7px}
.pb8 {padding-bottom:8px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.pb90 {padding-bottom:90px}
.pb100 {padding-bottom:100px}

/** 폰트 **/
.font_tm {font-size:8px; display:inline-block; vertical-align:top; line-height: 1.2em;}
.font11 {font-size:11px;}
.font18 {font-size:18px;}

h2 {font-size:18px;}

/* 대문자 */
.uppercase {text-transform:uppercase !important;}
.en_letter {letter-spacing:0.04em !important;}
.en_letter03 {letter-spacing:0.03em !important;}
.minus_letter {letter-spacing:-0.03em}

.notokr-demilight { font-family:'notokr-demilight', sans-serif !important; }
.notokr-regular { font-family:'NunitoSans-Regular', 'notokr-regular', sans-serif !important;}
.notokr-medium { font-family:'NunitoSans-bold', 'notokr-medium', sans-serif !important;}
.notokr-bold { font-family:'NunitoSans-bold', 'notokr-bold', sans-serif !important;}

.nunito-light {font-family: 'NunitoSans-Light', sans-serif; letter-spacing:0.08em; }
.nunito-regular {font-family: 'NunitoSans-Regular', sans-serif; letter-spacing:0.08em; }
.nunito-semi {font-family: 'NunitoSans-SemiBold', sans-serif; letter-spacing:0.08em; }
.nunito-bold {font-family: 'NunitoSans-Bold', sans-serif; letter-spacing:0.08em; }
.nunito-exbold {font-family: 'NunitoSans-Extrabold', sans-serif; letter-spacing:0.08em; }

.font_light {font-family:'NunitoSans-semibold', 'notokr-regular', sans-serif; letter-spacing: 0.01em;}
.font_medium {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: 0.01em;}
.people_info .font_medium {font-family:'NunitoSans-bold', 'notokr-bold', sans-serif; letter-spacing: 0.01em;}

.font14 {font-size:14px; line-height:1.536em;}
.font15 {font-size:15px; line-height:1.6em;}
.font16 {font-size:16px; line-height:1.7em;}
.font20 {font-size:20px;}
.ornage_font_italic {font-family: 'NunitoSans-SemiBold','notokr-medium',sans-serif; color: #000; letter-spacing: 0.02em; font-size: 15px;}
.small_copy {font-size:14px; line-height:1.536em;}

.weight-300 {font-weight: 300;}
.weight-500 {font-weight: 500;}
.weight-600 {font-weight: 600;}
.weight-700 {font-weight: 700 !important;}

.width100 {width:100% !important; height:auto !important;}
.width60 {width:60%; height:auto;}
.width50 {width:50%; height:auto;}
.w100p {width:100% !important;}
.w50p, .half_width {width:50%; overflow:hidden;}
.w812px {min-width:812px;}

.italic {font-style: italic;}
.point_color {color:#ea0029}
.black_color {color:#000}
.red_color, .red_point {color:#ff3e2f}
.redstat_color {color:#ff3e2f; font-weight:normal;}

.floatleft {float:left}
.floatright {float:right}
.floatnone {float:none}
.clearboth {clear:both}
.clearboth_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.float_wrap:after {content:" "; display:block; clear:both; *zoom:1;}

.textleft {text-align:left !important}
.textcenter {text-align:center !important}
.textright {text-align:right !important}
.verticalmiddle {vertical-align: middle;}
.middle {top:50%;}
.num_model_creator_img {vertical-align: middle; margin-top: -5px; margin-right: 8px;}

.borderbottom0 {border-bottom:0 !important;}
.borderbottom01 {border-bottom:1px solid rgba(0,0,0,0.1) !important; }

/* 행간 */
.lineheight_basic {line-height: 1.889em;}
.lineheight_medium {line-height: 1.667em;}
.lineheight_small {line-height: 1.4em;}

/* dot arrow */
ul.dot_arrow > li {position:relative; padding-left: 16px;}
ul.dot_arrow > li:before {content: " "; background-image: url(../images/article_dot.png); position: absolute; left: 0px; top: 15px; height: 4px; margin-top: -3px; width: 4px;}
ul.dot_arrow.small > li:before { top: 10px; }
ul.dot_arrow.plus > li:before {content: " "; background-image: url(../images/article_plus.png); left: 0px; top: 14px; height: 10px; margin-top: -3px; width: 10px;}
ul.dot_arrow.plus > li.two {position:relative; padding-left: 47px;}
ul.dot_arrow.plus > li.two:before {content: " "; background-image: url(../images/article_plus_two.png); left: 20px; top: 14px; height: 10px; margin-top: -2px; width: 21px;}
p.dot_arrow {position:relative; padding-left: 12px;}
p.dot_arrow:before {content: " "; background-image: url(../images/article_dot.png); position: absolute; left: 0px; top: 15px; height: 4px; margin-top: -2px; width: 4px;}

ul.arrow_dot_list li {border-bottom:1px solid #3c3c3c; text-align:left; line-height:1.6em; padding:8px 0;	position:relative; padding-left: 12px;}
ul.arrow_dot_list li:before {content: " "; background-image: url(../images/article_dot.png); position: absolute; left: 0px; top: 15px; height: 4px; margin-top: 4px; width: 4px;}
ul.arrow_dot_list li:last-child {border-bottom:0;}

.arrow_dot {background-image: url('/new/images/article_dot.png'); height: 4px; width: 4px; display:inline-block; margin-right:8px; position: relative; top: -5px;}

.more_plus.beauty {display:inline-block; color:#111;  font-family: 'NunitoSans-Bold';  }
/*.more_plus.beauty:after {content: " "; background-image: url('/new/images/article_dot.png'); position: absolute; left: 8px; top: 50%; height:4px; margin-top:-2px; width:4px;}*/

/*** 애니메이션 ***/
@keyframes fadein {
  from { opacity:0; }
  to { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
  from { opacity:0; }
  to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from { opacity:0; }
  to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
  from { opacity:0; }
  to { opacity: 1; }
}

@-ms-keyframes fadein {
  from { opacity: 0; }
  to  { opacity: 1; }
}

section {position:relative;}

/* 섹션칼라 */
#fir_section_color {/*background-color:#e3e0e0;*/}
#sec_section_color {background-color:transparent;}
#rel_section_color {/*background-color:#ebe4de;*/}
#pop_section_color {background-color:transparent;}

.sero_writing_ti_kor {line-height:1.25em; font-size:22px; color:#000; display: inline-block; vertical-align: top; /*width:20px;*/ margin-top:3px;
font-family:'NunitoSans-bold', 'notokr-bold', sans-serif; letter-spacing: 0.01em; word-break: keep-all; padding-bottom: 20px;}
.sero_writing_ti_en {line-height:1em; font-size:18px; letter-spacing:0.1em; color:#000; text-transform: uppercase; display:none;}
section.first_section .sero_writing_ti_kor { margin-top: 9px;}

.depth_page_ti_wrap {padding:7px 0 60px}
.depth_page_ti_wrap .writing_ti_fir_en {line-height:1em; font-size:18px; letter-spacing:0.04em; color:#ea0029; text-transform: uppercase; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; padding-bottom:25px; display:none;}
.depth_page_ti_wrap .writing_ti_en {line-height:1.2em; font-size:40px; letter-spacing:0.02em; color:#000; text-transform: uppercase; font-family:'NunitoSans-Bold', 'notokr-medium', sans-serif; padding-bottom:10px;}
.depth_page_ti_wrap .writing_ti_en.anniversary {
    font-family: 'Libre Baskerville', serif;
    text-transform: none;
    font-size: 44px;
}
.depth_page_ti_wrap .writing_ti_last_kor {line-height:1.35em; font-size:26px; color:#000; display: inline-block; vertical-align: top; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: -0.02em; }
.good_people_detail .depth_page_ti_wrap .writing_ti_last_kor {font-size:21px; letter-spacing:0.02em; padding-top:2px; text-transform:uppercase}
.depth_page_ti_wrap .writing_ti_kor {line-height:1.32em; font-size:30px; color:#000; display: inline-block; vertical-align: top; font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; letter-spacing: 0.01em; padding-bottom:4px;}
.depth_page_ti_wrap .writing_ti_copy {line-height:1.4em; font-size:20px; letter-spacing:0.01em; padding-top:15px;}


.depth_page_ti_wrap.page_top_tile {text-align:center; padding:120px 0 100px;}

/* 칼라 */
.colorblack {color:#000000;}
.colorwhite {color:#ffffff;}
.backwhite {background-color:#ffffff !important;}
.backf3f0f0 {background-color:#e3e0e0;}
.backfaf7f7 {background-color:#f3f0f0;}

/*.rotate90 {-webkit-transform:rotate(90deg); transform: rotate(90deg); writing-mode: horizontal-tb; display: inline-block; position:absolute; top:0; left:0;}*/
.rotate90 {  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -epub-writing-mode: vertical-rl;}

/* 이미지제어 */
.line_normal {line-height:0; height:2px; width:100%; display:inline-block}
.line_bfbfbf {border-bottom: 1px solid #bfbfbf;}
.line_e4e4e4 {border-bottom: 1px solid #e4e4e4;}
.line_555 {border-bottom: 1px solid #555;}
.line_3c3c3c {border-bottom: 1px solid #3c3c3c;}
.ffaba1 {background-color:#ffaba1;}
.border_bottom_none {border-bottom:0 !important;}
.img_box_ffaba1 {border-bottom: 0px solid #ffaba1;}
.img_box_ffaba1 img {display:block;}
.img_box_ff6e6a {border-bottom: 0px solid #ff6e6a;}
.img_box_ff6e6a img {display:block;}
.img_box_ff433f {border-bottom: 0px solid #ff433f;}
.img_box_ff433f img {display:block;}
.photo_caption {/*margin-bottom:30px;*/}
.photo_caption > p img {width:100%; height:auto;}

/* 디스플레이 제어 */
.dis_block {display:block !important;}
.dis_inline {display:inline !important;}
.dis_inlineblock {display:inline-block !important;}

/*비디오*/
video {margin: 0; padding: 0; border-bottom:0px solid #ffaba1;}
/*#movie-player-wrapper {position: relative;width: 100%; overflow: hidden; padding-bottom: 56.26%; z-index:9;}
#movie-player-wrapper video {position: absolute;top: 0;left: 0;}
#movie-player-wrapper object, #movie-player-wrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#movie-player-wrapper #wrap_video {position:relative; height:100%; }*/

#movie-player-wrapper {width:100%;}
#movie-player-wrapper #wrap {position:relative; font-size: 0; line-height: 1em;}
video, video poster, #media-video {width:100%;height:100%}
#media-controls {position: absolute;  bottom: 34px;  right: 20px;}
#media-controls button {
	text-indent:-9999px;
	width:28px;
	height:30px;
	border:none;
	cursor:pointer;
	background:transparent url('/new/images/video_buttons.png') no-repeat 0 0;
	outline:0;
}
#media-controls .play { background-position:0 0; }
#media-controls .pause { background-position:-28px 0; }
#media-controls .mute { background-position:-84px 0; right:55px;}
#media-controls .unmute { background-position:-56px 0; right:55px;}

.video_caption:after {content:" "; display:block; clear:both; *zoom:1;}
.video_caption {font-size:13px; line-height:1.7em; color:#000; margin-top:10px;}
.video_caption.howto_person_caption {margin-top:0px;}
.inquiries_input .video_caption {margin-top:0px;}
.video_caption p:first-child {margin-bottom:0px; color:#000;}
.video_caption .fir {float:left; font-family:'NunitoSans-Light', 'notokr-demilight', sans-serif; width:80%; padding-right:20px; color:#000;}
.video_caption .sec {float:left; width:20%; text-align:right;}
.caption {font-size:13px; line-height:1.7em; color:#000;}
.video_caption.essentials_caption p:first-child {font-size:18px; line-height: 1.889em;}
.video_caption.essentials_caption .sec {padding-top:5px;}
.video_caption.essentials_caption {padding-bottom:20px; border-bottom:1px solid #555; margin-bottom:20px;}

.rndcenter_wrap .accord_contents {border-bottom:1px solid #555; padding:14px 0 10px;}

.rndcenter_wrap.new_rndcenter:after {content:" "; display:block; clear:both; *zoom:1;}
.accord_wrap.rndcenter_wrap {margin: 0 -10px; width: auto;}
.rndcenter_wrap.new_rndcenter > a li {width: calc(33.3% - 20px);float:left;margin-right:10px; margin-left:10px; margin-bottom:20px;}

.rndcenter_wrap.new_rndcenter > a li {display:inline-block; border:1px solid #555; padding:16px 40px 15px 20px; margin-top:0; line-height: 1.2em; position:relative;
-moz-transition:all .2s ease .5s; -o-transition:all .2s ease .5s; -ms-transition:all .2s ease .5s; -webkit-transition:all .2s ease .5s; transition:all .2s ease .1s;
font-family: 'NunitoSans-Bold', 'notokr-medium', sans-serif; text-transform: uppercase !important; letter-spacing: 0.04em;}
.rndcenter_wrap.new_rndcenter > a li:hover {color:#FFF; background-color: #ea0029; border:1px solid #ea0029;}

.rndcenter_wrap.new_rndcenter > a li:after {content:" "; background: url("/new/images/foot_ico_plus.png") no-repeat top; top: 20px; width: 13px; height: 13px; right: 20px; position: absolute;}
.rndcenter_wrap.new_rndcenter > a li:hover:after {content:" "; background: url("/new/images/foot_ico_plus_W.png") no-repeat top;}
.rndcenter_wrap.new_rndcenter > a li  span {margin-bottom: 0px; line-height: 1em;}
.rndcenter_wrap.new_rndcenter > a li  span.headline {font-size: 20px  !important;}

.good_people .accord_contents {padding:20px 0 20px;}
.accord_contents {cursor:pointer; border-bottom:1px solid #555; padding:14px 0 10px;}
.accord_caption {font-family:'NunitoSans-Bold', 'notokr-medium', sans-serif; line-height:1.400em; text-transform:uppercase !important; letter-spacing:0.04em;}
.accord_caption.group_bti {line-height:1.4em;}
.accordion-section-title.accord_caption {margin-top:15px; font-family: 'NunitoSans-Bold', 'notokr-bold', sans-serif; font-size:20px;}

.caption_normal {font-size:12px; line-height:1.6em; /*display: inline-block;*/ vertical-align: top; color:#000; margin-top:10px;}
.caption_normal.essen {margin-top:0px; margin-bottom:10px; /*font-family: 'NunitoSans-SemiBold','notokr-medium',sans-serif;*/ color: #000; letter-spacing: 0.04em; font-size: 15px;}
.ti_gab {display:block; width:1px; height:7px;}

/** 이미지확대 **/
.main_article_area.tech .zoom_img {width:auto; height:auto}
.main_article_area.production .zoom_img {width:auto; height:290px;}
.zoom_img { overflow: hidden; height:auto;}
.zoom_img img {
	width:100%; height:auto;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  -webkit-transition: 1.0s;
  -moz-transition: 1.0s;
  -ms-transition: 1.0s;
  -o-transition: 1.0s;
  transition: 1.0s;
}
.zoom_img:hover img {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}

.zoom_img_back_wrap {width:100%; overflow:hidden; position: absolute; bottom: 0;}
.zoom_img.zoom_img_back {position: relative;
-webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
  -ms-transition: all 1.0s ease;
  -o-transition: all 1.0s ease;
  transition: all 1.0s ease;}
.zoom_img.zoom_img_back:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  transform: scale(1.1);
}

/* 기존 아코디언 */
.accord_wrap {width:100%;}
.accord_wrap.faq_wrap {padding-bottom:40px;}
.accord_wrap > ul > li, .accord_wrap .contents {height:auto; width:100%;}
.accord_wrap ul li.accordion-section {margin-bottom:50px;}
.accord_wrap ul li.accordion-section:last-child {margin-bottom:0;}
.accord_wrap ul li div.sec {width: calc(100% - 170px);}
.accord_wrap ul li.mb {margin-bottom:50px;}
.accord_wrap ul li.mb:last-child {margin-bottom:0;}
.accord_hide {display:none;}
.accord_show {display:block; height:auto;}
.accord_plus, .accord_minus {position:absolute; right:0; top:0;}
.icon_hide {display:none;}
ul.accord_table_list {margin-top:30px;}
#group_acc ul.accord_table_list {margin-top:0px;}
#group_acc ul.accord_table_list.adress_list li {border-bottom: 1px solid rgba(0,0,0,0.1);}
#group_acc ul.accord_table_list.adress_list li:first-child {border-top:1px solid #3c3c3c;}
#group_acc ul.accord_table_list.adress_list li:last-child {border-bottom:0;}
ul.accord_table_list li {border-bottom:1px solid #3c3c3c; padding:5px 0; position:relative; padding-left:20px;}
ul.accord_table_list li:before {content: " "; background-image: url('/new/images/article_dot.png'); position: absolute; left: 8px; top: 18px !important; height:4px; width:4px;}
ul.accord_table_list li.none_dot:before {content: " "; background-image: url('/new/images/article_none_dot.png');}
ul.accord_table_list li:after {content:" "; display:block; clear:both; *zoom:1;}
ul.accord_table_list li > span {display:inline-block; float:left;}
ul.accord_table_list li span.sec {width:calc(100% - 170px);}
ul.accord_table_list li.clearboth_wrap:before {content: " "; background-image: url('/new/images/article_dot.png'); position: absolute; left: 8px; top:23px; height:4px; width:4px;}
ul.accord_table_list li:last-child {border-bottom:0;}
ul.accord_table_list li .w170 {display:inline-block; width:170px;}
.accord_line {border-bottom: 1px solid #3c3c3c;padding: 0 0px 5px;}
.accord_line:last-child {border-bottom:0; padding: 0px;}
.accord_wrap.faq ul li.mb {margin-bottom:60px; border-top:1px solid #555;}
.accord_wrap.faq ul li.mb:last-child {margin-bottom:0;}

/* New 아코디언 */
.accordion {overflow:hidden;}
.accordion-section-title {width:100%; display:inline-block; transition:all linear 0.15s; color:#000; }
.accordion-section-content {display:none; margin-top:20px;}
.accordion-section a {text-decoration:none; position:relative; color:#000;}
a.accordion-section-title:after {content:'펼치기'; position:absolute; right:0; top:0; padding:5px 15px 4px; font-size:18px; border:1px solid #555; color:#3C3C3C; text-align:center; display: inline-block;
font-weight: normal; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; line-height: 1.889em;}
a.accordion-section-title.active:after {content:'줄이기'; position:absolute; right:0; top:0; padding:5px 15px 4px; font-size:18px; border:1px solid #555; color:#3C3C3C; text-align:center; display: inline-block;
font-weight: normal; font-family: 'NunitoSans-Regular', 'notokr-regular', sans-serif; line-height: 1.889em;}

/* 181106 아코디언 */
.acc-btn {cursor: pointer; margin-top:40px;}
.acc-btn.group_bti {margin-top:0px;}
.acc-btn:after {content:" "; display:block; clear:both; *zoom:1;}
.acc-btn .accord_caption {font-size: 22px; color: #000;   font-family: 'NunitoSans-Bold', 'notokr-medium', sans-serif; margin-bottom: 10px; display: inline-block;}
.acc-btn .accord_caption.faq_list_num {width:3%; min-width:40px;}
.openContent {display:block !important; margin-top:10px; margin-bottom:60px;}
.openContent:last-child {margin-bottom:0px;}
.openContent_active {display:none !important; margin-top:10px; margin-bottom:60px;}
.openContent.none_margin {margin-bottom:0px;}
.side-menu-scroll-on {margin-left: 80px;}
.selected {color:#2893de !important;}

.acc-btn .stats-tab-img-area {float:right; height:100%; text-align: center; position:relative; line-height:1em;}
.stats-tab-img-area.group_bti {float:right; height:auto; position:relative; line-height:1em; top:0px; margin-bottom: 10px;}
.acc-btn .stats-tab-img-area .btn_normal_white {width: auto; position: absolute; right: 105px; z-index: 9; min-width:100px; /*min-height:34px;*/}
.acc-btn .stats-tab-img-area > img {width:80px; height:29px; vertical-align:top;     margin-top: -1px;}
.acc-btn .stats-tab-img-area > img.icon_plus {width:20px; height:20px; margin-top: 4px;}

.acc-content-inner {padding-top:0px;}
li.acc-content {display:none; overflow:hidden;}
li.acc-content section.acc-content-inner {width: 100% !important; margin:0 !important; padding-bottom:0 !important;}
li.acc_active {display:block;margin-bottom:60px; margin-top:10px;}
li:last-child.acc_active {margin-bottom:0;}

/* 탭 형식 */
.tab_cosmax {overflow: hidden;}
.tab_cosmax:after {content:" "; display:block; clear:both; *zoom:1;}
.tab_cosmax .tab_links {float:left; cursor:pointer;}

.tabcontent_container.factories_container {background: none; }
.tabcontent_container.factories_container .headline {    margin-bottom: 10px;}
.tabcontent_container.factories_container .content_factories p {padding-bottom:15px;}
.tabcontent_container.factories_container .content_factories p:last-child {padding-bottom:0;}
.tabcontent_container.factories_container .factories_img {width:100%; height:auto;}
.tabcontent_container.factories_container .tabcontent .num, .tabcontent_container.factories_container .tabcontent_g .num, .tabcontent_container.factories_container .tabcontent_f .num{border-bottom:0px; padding-bottom:0px; margin-bottom:5px; }

.tabcontent_container.creator p.copy_depth {padding-left:32px;}

.tabcontent_container.inquiries_container {background: none; }
.tabcontent_container.inquiries_container .select_btn01 {height:192px; width:auto;}
.tabcontent_container.inquiries_container .select_btn02 {height:162px; width:auto;}
.tabcontent_container.inquiries_container .select_copy {text-align:left; padding:0 25px; line-height:1.650em}
.tabcontent_container.inquiries_container .bottom_line_ti {padding: 0 0 15px;}
.tabcontent_container.inquiries_container .inquiries_step_navi {text-align:center; margin-top:50px;}
.tabcontent_container.inquiries_container .inquiries_step_navi span {display:inline-block; margin:0 20px;}
.inquiries_input:after {content:" "; display:block; clear:both; *zoom:1;}
.inquiries_input {margin-bottom:100px; background: url('/new/images/back_inquiries_input.png') repeat-y;}
.inquiries_input li {float:left;}
.inquiries_input li:nth-child(odd) {width:246px; padding-right:40px; margin-bottom:40px; }
.inquiries_input li:nth-child(even) {width:calc( 100% - 246px); padding-left:100px; margin-bottom:40px;}
.inquiries_input li:nth-child(odd) .ti {}
.inquiries_input .inquiries_input_select {display:inline-block; min-width:220px;}

.tab_cosmax.one_stop_wrap {background: url('/new/images/one_stop_wrap.png') no-repeat; width:100%; height:275px; position:relative;}
.tab_cosmax.one_stop_wrap .one_stop_title {}
.tab_cosmax.one_stop_wrap .one_stop_title ul:after {content:" "; display:block; clear:both; *zoom:1;}
.tab_cosmax.one_stop_wrap .one_stop_title ul li {float:left; width:33.3%; text-align:center; letter-spacing:0.1em; text-transform:uppercase !important; font-weight:600; line-height:1.2em; font-family: 'NunitoSans-Extrabold'; color:#111}
.tab_cosmax.one_stop_wrap .one_stop_menu:after {content:" "; display:block; clear:both; *zoom:1;}
.tab_cosmax.one_stop_wrap .one_stop_menu div {width:16.6%; text-align:center; line-height:1.2em; font-size:12px;font-family: 'NunitoSans-Semibold'; font-weight:600; color:#111; text-transform:uppercase; letter-spacing:0.04em; padding:0 5px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus {display:inline-block; position:absolute; bottom:25px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.fir {left:64px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.sec {left:198px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.thi {left:333px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.for {left:467px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.fiv {left:601px;}
.tab_cosmax.one_stop_wrap .one_stop_menu .one_stop_plus.six {left:730px;}

.tabcontent, .tabcontent_g, .tabcontent_f { display: none; border-top: none; animation-duration: 0.4s; animation-name: fadein;}
.tabcontent.production, .tabcontent_f.production, .tabcontent_g.production {width:100%;}
.tabcontent .num, .tabcontent_g .num, .tabcontent_f .num {border-bottom:1px solid #555759; padding-bottom:50px; margin-bottom:20px; text-align:right; letter-spacing:0.1em; position:relative; text-align:center; }
.tabcontent .left_onestop {position:absolute; left:0; top:50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%);}
.tabcontent .right_onestop {position:absolute; right:0; top:50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%);}
.tabcontent .left_onestop img, .tabcontent .right_onestop img {width:auto;height:30px;}

.tabcontent_container {/*background: url('/new/images/img_onestop_solution_00.png') no-repeat top center; background-size:60% auto;*/}
.tabcontent_container img.one_gram {width: 60% !important; height: auto;}

.tabcontent .onestop_progress {width:100%; height:42px; line-height:42px; text-align:center; text-transform:uppercase !important; font-family: 'NunitoSans-Bold'; color:#999;}
.tabcontent .onestop_progress.fir {background: #efeaea url('/new/images/back_onestop_progress_01.png') no-repeat; }
.tabcontent .onestop_progress.sec {background: #efeaea url('/new/images/back_onestop_progress_02.png') no-repeat; }
.tabcontent .onestop_progress.thi {background: #efeaea url('/new/images/back_onestop_progress_03.png') no-repeat; }
.tabcontent .onestop_progress.for {background: #efeaea url('/new/images/back_onestop_progress_04.png') no-repeat; }
.tabcontent .onestop_progress.fiv {background: #efeaea url('/new/images/back_onestop_progress_05.png') no-repeat; }
.tabcontent .onestop_progress.six {background: #efeaea url('/new/images/back_onestop_progress_06.png') no-repeat; }

@media all and (min-width: 0px) and (max-width: 640px) {
/*.tabcontent .num img, .tabcontent_g .num img, .tabcontent_f .num img {width:50%; height:auto;}*/
}

#people_modal, #job_modal { background:#fff; width: 1240px; height:700px; margin-left:0 !important; margin-top:0 !important; top:50% !important; left:50% !important;
-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.modal_container {overflow-y:scroll; overflow-x:hidden; height: 100%;}
.modal_container .modal_inner {padding: 60px 70px 140px; }

.hidemodal {position:absolute; right:-48px; top:10px; cursor:pointer;}
.modal_cotents_inner {overflow: hidden; height: 100%;}

/* 버튼 */
.btn_normal_white { text-align:center; display:inline-block;
font-size:15px; padding:6px 10px 4px; min-width:180px;
-moz-transition:all .2s ease .5s; -o-transition:all .2s ease .5s; -ms-transition:all .2s ease .5s; -webkit-transition:all .2s ease .5s;
transition:all .2s ease .1s; border:1px solid #999; color:#3C3C3C; line-height:1.4em
}
.btn_normal_white.line_only {background-color: transparent; min-width:auto;}
.btn_normal_white.line_only.map_btn {font-size: 15px; padding: 4px 12px 2px;margin-top: 2px;}
.btn_normal_white.line_only:hover {background-color: transparent; color:#3C3C3C; border:1px solid #555;}
.accordion_btn_control {position:absolute !important; right:95px; top:15px; z-index:9}
.btn_normal_white.biz_interview_btn {font-size:14px; font-weight:400;}
.btn_normal_white.biz_interview_btn:hover {color:#111; background-color: #fff; border:1px solid #ea0029;}

.btn_normal_white.orange {color:#FFF; background-color: #ea0029; border:1px solid #ea0029;}
.btn_normal_white.question {padding-top:8px; padding-bottom:8px;}
.btn_normal_white:hover {color:#FFF; background-color: #ea0029; border:1px solid #ea0029;}

.btn_normal_white.btn_small {font-size:16px; min-width:150px; padding:6px 10px 4px; line-height: 1.5em;}
.btn_normal_white.list_go_left {background:url('/new/images/arrow_btn_prev.png') no-repeat 10px 50%; min-width:auto; padding: 12px 15px 8px 35px;}
.btn_normal_white.list_go_left:hover {background:#ea0029 url('/new/images/arrow_btn_prev_hover.png') no-repeat 10px 50%;}

.btn_job {letter-spacing:-0.04em;}
span.btn_job_en {letter-spacing:0.06em; margin-right: 0px !important;}

.btn_sns {width:26px; height:26px; border:1px solid #eae2e2;}
.btn_sns.sns_insta {background:url('/new/images/sns_insta.svg') no-repeat center top;}
.btn_sns.sns_youtube {background:url('/new/images/sns_youtube.svg') no-repeat center top;}
.btn_sns.sns_facebook {background:url('/new/images/sns_facebook.svg') no-repeat center top;}
.btn_sns.sns_naver_blog {background:url('/new/images/sns_naver_blog.svg') no-repeat center top;}

/* 뷰티테크놀로지 캐러셀 공통*/
a.bx-pre, .bx-pre {cursor: url('/new/images/arrow_prev.png') 40 40, auto;}
a.bx-next, .bx-next {cursor: url('/new/images/arrow_next.png') 40 40, auto;}

#carousel, #carousel_sun, #carousel_base, #carousel_makeup, #carousel_material, #carousel_fragrance, #carousel_global, #carousel_facilities {width:100%; position:relative; display:block;}
#carousel_patents {width:820px; position:relative; display:block;}
#carousel {word-break: break-all;}

.carousel_container ul:after {content:" "; display:block; clear:both; *zoom:1;}
.carousel_container ul {width:calc(100% + 30px); margin-right:-15px; margin-left:-15px;}
.carousel_container ul > li {display:inline-block; float:left; width: 33.33%; padding-right:15px; padding-left:15px; margin-bottom:60px;}

.carousel_container ul li:nth-child(3n) {margin-right: 0;}
.carousel_container ul li img {width:100%; height:auto}
.carousel_container {left:0px; overflow:hidden; width:100%; margin:0 auto;}
.carousel_container.patents_container {width:100% !important; margin:0;}
.carousel_container.patents_container ul > li {/*width:345px !important; margin-right:30px; margin-left:30px;*/ text-align:center; }
.carousel_container.patents_container ul.patents_list > li {margin:0}
.carousel_container.patents_container .thumb img {height:546px !important; width:auto !important;}
.carousel_container .thumb img { height:auto; width:100%; border:0px;}
.carousel_container .carousel_container_title {font-family:'NunitoSans-bold', 'notokr-medium', sans-serif; padding-top:5px;}
.carousel_container .carousel_container_summary {line-height: 1.45em;}

.carousel_container.factories_container {width:100% !important; margin:0;}
.carousel_container.factories_container ul li {width:820px !important; text-align:left;}
.carousel_container.factories_container .thumb img {width:100%; height:auto; margin:0;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);}
#previous_button_half {width:50%; height:460px;top:0;
-ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0);}
#next_button_half {width:50%; height:460px;top:0;
-ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0);}
#previous_button_half img, #next_button_half img {width:410px; height:auto;}

.fac_btn_pre {position:absolute; top:50%;  left:-70px; cursor:pointer;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);}
.fac_btn_next {position:absolute; right:-70px; top:50%; cursor:pointer;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);}
.cursor-default {cursor:default !important;}
.cursor-opacity03 {opacity:0.2;}

@media all and (min-width: 0px) and (max-width: 1316px) {
.fac_btn_pre {left:0}
.fac_btn_next {right:0}
}


@media all and (min-width: 0px) and (max-width: 640px) {
.fac_btn_pre {
width: 50%; height: 100%; top: 0; left: 0px !important; cursor: pointer !important; position: absolute; z-index: 10; text-align: left;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);}
.fac_btn_next {
width: 50%; height: 100%; top: 0; right: 0px !important; cursor: pointer !important; position: absolute; z-index: 10; text-align: right;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);}
.fac_btn_pre img, .fac_btn_next img {width:auto !important; position: absolute; top: 50%;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);}
.fac_btn_pre img {width: 45px !important;}
.fac_btn_next img {right:0; width: 45px !important;}
.dot_navigator {padding-top: 0 !important;}
.normal_list_wrap .normal_list_ti {padding-top: 30px !important;}
}


.carousel_btn_pre, .carousel_btn_next {
cursor: pointer !important; width: 16px; height: 30px; position: absolute; right: 20px; top: 50%; z-index:10;
-ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%);}
.carousel_btn_pre { left: 20px !important;}
.carousel_btn_pre img, .carousel_btn_next img {height:30px; width:auto;}
.carousel_btn_pre.patents_btn { left: 0px !important; top:calc(50% - 126px);}
.carousel_btn_next.patents_btn { right: 0px !important; top:calc(50% - 126px);}

.carousel_box > .ti {border-bottom: 1px solid #555; font-family: 'NunitoSans-Extrabold', 'notokr-bold'; text-transform:uppercase;letter-spacing:0.04em;}
.contents_body_sec.different .carousel_box .ti {border-bottom:0; margin-bottom: 10px; font-size:21px; font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif;}

.carousel_container .thumb img.only_dropshadow {
 -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.only_dropshadow {filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.15)) !important;}

/* 기본 제목, 내용 테이블 */
.normal_list_wrap .normal_list_ti { border-bottom: 1px solid #555; padding: 10px 0 8px; }
.normal_list_wrap .normal_list_contents {padding:20px 0 0px; }

.factories_container .normal_list_wrap .normal_list_ti {position:relative;}
.dot_navigator {position:absolute; padding: 10px 0 8px; top:0; right:0}
.dot_navigator.onestop {bottom:0; top:auto; padding: 10px 0 3px; }
.dot_navigator .dot_won.check {background:#000; }
.dot_navigator .dot_won {width:10px; height:10px; border-radius:50%; background:transparent; border:1px solid #000;display:inline-block; margin-left:4px;}

/* 단나누기 */
/* 4단 테이블 */
.table_set_4dan_container:after {content:" "; display:block; clear:both; *zoom:1;}
.table_set_4dan_container ul.table_set_4dan_wrap > li {float:left; width:25%;}
/* 3단 테이블 */
.table_set_3dan_container:after, ul.table_set_3dan_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.table_set_3dan_container ul.table_set_3dan_wrap > li {float:left; width:33.333%;}
ul.table_set_3dan_wrap > li {float:left; width:33.333%;}
/* 2단 테이블 */
.table_set_2dan_container:after, .table_set_2dan_wrap:after {content:" "; display:block; clear:both; *zoom:1;}
.table_set_2dan_container ul.table_set_2dan_wrap > li {float:left; width:50%;}
ul.table_set_2dan_wrap.essential_box {display: flex;}
ul.table_set_2dan_wrap.essential_box > li {padding:20px; background-color:#FFF; flex: 1; font-size: 16px; line-height: 1.8em; font-family: 'NunitoSans-Regular', 'notokr-regular';}
ul.table_set_2dan_wrap.essential_box > li.back_img_essen {}
.essential_box .essential_box_img {background-color:#ffdad6 !important; color:#FFF; flex: 1;}

/** 아이콘 다이아몬드 **/
.dot_dia_10px {background:url('/new/images/dot_dia_10px.png') no-repeat 50% 50%; width:11px; height:11px; display:inline-block; position:absolute;}
.dot_dia_10px.patent {right:0; bottom:-6px;}
.dot_dia_10px.academic {left:-6px; top:-6px; z-index:10;}

/** 3단 드롭다운 리스트 **/
.drop_list_container:after {content:" "; display:block; clear:both; *zoom:1;}
.drop_list_maindep:after {content:" "; display:block; clear:both; *zoom:1;}
.drop_list_container ul.drop_list_wrap li {	float:left; 	 	position:relative;}
.drop_list_container ul.drop_list_wrap li a {	display:block;		position:relative;}
.drop_list_container ul.drop_list_subdep {display:none;}
.drop_list_container ul.drop_list_subdep li {	float:none;}
.drop_list_container ul li ul.drop_list_subdep { position:relative; left:179px; top:-17px; }
.drop_list_container ul li ul.drop_list_subdep.last {top:-21px;}
.drop_list_container ul.drop_list_wrap { zoom:1;}
.drop_list_container ul.drop_list_wrap:after {	height:0; 	visibility:hidden;	content:".";	display:block;	clear:both;}

/** 움직이는 원 **/
.spread_circle {
	position:absolute; width:8px; height:8px; border-radius:50%; background:#ce1d22; opacity:.5;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation-name:spread_01; animation-name:spread_01;
	-webkit-animation-duration:4.7s; animation-duration:4.7s;
	-webkit-animation-timing-function:linear; animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.spread_circle:before,.spread_circle:after {
	content:"";display:block;position:absolute;top:50%;left:50%;border-radius:50%;background:#ce1d22;opacity:.2;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation-name:spread_02; animation-name:spread_02;
	-webkit-animation-duration:4.7s; animation-duration:4.7s;
	-webkit-animation-timing-function:linear; animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
}
.spread_circle:before {z-index:2;width:19px;height:19px;}
.spread_circle:after {z-index:1;width:28px;height:28px;}

.spread_circle.normal_spread {width:14px;height:14px;left: 50%;}
.spread_circle.normal_spread:before {width:31px;height:31px;}
.spread_circle.normal_spread:after {width:48px;height:48px;}

@-webkit-keyframes spread_01 {
	0% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:0;}
	10% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:1;}
	50% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);}
	85% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1;}
	100% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:0;}
}
@keyframes spread_01 {
	0% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:0;}
	10% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:1;}
	50% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);}
	85% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1;}
	100% {-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:0;}
}
@-webkit-keyframes spread_02 {
	0% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:0;}
	10% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:1;}
	50% {-ms-transform:scale(0.5) translate(-50%, -50%);-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%);}
	85% {-ms-transform:scale(1.5) translate(-50%, -50%);-webkit-transform:scale(1.5) translate(-50%, -50%);transform:scale(1.5) translate(-50%, -50%);opacity:0;}
	100% {-ms-transform:scale(1.5) translate(-50%, -50%);-webkit-transform:scale(1.5) translate(-50%, -50%);transform:scale(1.5) translate(-50%, -50%);opacity:0;}
}
@keyframes spread_02 {
	0% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:0;}
	10% {-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);opacity:1;}
	50% {-ms-transform:scale(0.5) translate(-50%, -50%);-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%);}
	85% {-ms-transform:scale(1.5) translate(-50%, -50%);-webkit-transform:scale(1.5) translate(-50%, -50%);transform:scale(1.5) translate(-50%, -50%);opacity:0;}
	100% {-ms-transform:scale(1.5) translate(-50%, -50%);-webkit-transform:scale(1.5) translate(-50%, -50%);transform:scale(1.5) translate(-50%, -50%);opacity:0;}
}

.kor_menu {font-size: 15px; display:inline-block; padding-right:10px; letter-spacing:-0.03em;}
.bottom_line_ti {
  border-bottom: 1px solid #3c3c3c;
  line-height: 1.6em; padding: 8px 0; font-weight: 600;
}

/* 이미지 라벨 */
input[type=checkbox], input[type=radio] {cursor: pointer;}
input[type=checkbox], input[type=radio] {display: none;}
input[type=checkbox]+label, input[type=radio]+label {background: url('/new/images/arr.png') no-repeat left top; padding: 0 20px 0 0; width:20px; height:20px;}
input[type=checkbox]:checked+label, input[type=radio]:checked+label {background: url('/new/images/arr.png') no-repeat left -185px;}
label {cursor: pointer;}

.ag_info_wrap {border: 1px solid #555;}
.ag_info {
  margin-bottom: 10px;
  width: 100%;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding:20px;
  line-height: 1.5em;
}
.ag_info::-webkit-scrollbar {width: 10px;}
.ag_info::-webkit-scrollbar-track {background: transparent; }
.ag_info::-webkit-scrollbar-thumb {background: #888; }
.ag_info::-webkit-scrollbar-thumb:hover {background: #555; }

.btn_attach {display:inline-block; font-size:13px; float:right; padding:0 10px; border:1px solid #555;
-moz-transition:all .2s ease .5s; -o-transition:all .2s ease .5s; -ms-transition:all .2s ease .5s; -webkit-transition:all .2s ease .5s; transition:all .2s ease .1s;}
.btn_attach:hover {color:#FFF; background-color: #ea0029; border:1px solid #ea0029;}

.attach_wrarp input {width:80%;}
.attach_wrarp p:after {content:" "; display:block; clear:both; *zoom:1;}
.attach_wrarp > p {margin-bottom:20px;}

#footer .select_wrap, .select_box {height:36px;}
#footer .select_link,
.select_link.s_report {	left: 0px; top: 0; position: absolute;}
.select_link.s_report {
    position: relative;
}
#footer .select_box,
.select_box.s_report {	border: 1px solid #eaeaea; width: 230px; line-height: 36px; float: right; display: block; position: relative; background:#f5f5f5; text-align:left; font-size: 14px;}
.select_box.s_report {
    width: auto;
	padding-right: 24px;
	height: auto;
	border: 1px solid #ea0029;
}
.current_down_wrap.s_report {
	display: flex;
    justify-content: flex-end;
}
.current_down_wrap.s_report > a,
.current_down_wrap.s_report > div {
	margin-right:2px;
	margin-left:2px;
}
.current_down_wrap.s_report .btn_currentdown {
	display: block;
	margin-bottom: 0;
}

#footer .select_box a:after,
.select_box.s_report a:after {	background: url("/new/images/foot_ico_plus.png") no-repeat top / cover; transition:0.3s ease-out; top: 11px; width: 13px; height: 13px; right: 16px; display: inline-block;
position: absolute; content: ""; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.select_box.s_report a:after {
    background: url(/new/images/download_icon_r.png) no-repeat top / cover;
    width: 13px;
    height: 13px;
	right: 10px;
	top: 7px;
}
#footer .on.select_box a:after,
.on.select_box.s_report a:after {	transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.on.select_box.s_report a:after {
    transform: none;
    -webkit-transform: none;
}

#footer .select_box a,
.select_box.s_report a { padding: 0px 12px; display: block; color:#111;}
.select_box.s_report a {
    color: #ea0029;
    text-align: center;
    font-size: 13px;
    line-height: 1.4em;
    letter-spacing: 0.03em;
    min-height: 26px;
    line-height: 1.2;
    padding: 7px 4px 3px 8px;
    word-break: keep-all;
}
#footer ul.select_url,
ul.select_url.s_report {bottom: 35px; width: 230px; height: auto; right: 0px; display: none; position: absolute; -ms-overflow-y: scroll;}
ul.select_url.s_report {
    top: 28px;
    left: 0;
    width: 100%;
	z-index: 999;
}
#footer ul.select_url a:first-child,
ul.select_url.s_report a:first-child {border-top: 1px solid #eae2e2;}
#footer ul.select_url a,
ul.select_url.s_report a {	line-height: 40px; text-indent: 9px; border: 1px solid #ececec; border-top:0; display:block; color: #111; background-color: #f5f5f5; text-align:left;}
ul.select_url.s_report a {
	height:34px;
	line-height:34px;
	font-size: 14px;
	letter-spacing: 0.03em;
	border:1px solid #ddd;
	border-top: 0;
}
#footer ul.select_url a:hover,
ul.select_url.s_report a:hover{	color: #fff; background-color: #ea0029; border: 1px solid #ff7d6d; border-top:0;}

#footer .on.select_box + ul.select_url,
.on.select_box.s_report + ul.select_url.s_report {	display: block;}

ul.li_list > li {margin-bottom:10px;}
ul.li_list > li:last-child {margin-bottom:0px;}

.rnicenter_name {position:absolute; top:-80px;}
.a_name_wrap {position:relative;}
.a_name_wrap .a_name {position:absolute; top:-80px;}
