@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:500&display=swap');

@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@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: 400;
  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: 'noto sans kr';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
@font-face {
  font-family: 'July';
  src: url('../fonts/July.eot');
  src: url(../fonts/July.woff2) format('woff2'),
        url(../fonts/July.woff) format('woff'),
        url(../fonts/July.otf) format('opentype'), 
	    url('../fonts/July.svg') format('svg');
 }
 
 /*세로 가는선, 가로 굵은선*/
.m00 .sub_page_title .sub_main_tit:before{display:block; content:""; position:relative; margin:0 auto; width:1px; height:38px; background:#666666; margin-bottom:35px;}
.m31 .con .con_box .w100{position:relative;width:100%;margin-bottom:100px;padding-left:175px;box-sizing: border-box;}
.m31 .con .con_box .w100:before{position:absolute; top:25px; left:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
 

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; overflow-x: hidden; max-width: 100%; height:100% }
body { font-family:Open Sans, noto sans kr, dotum, sans-serif; line-height:1.4; color:#222; height:100%; font-weight:300; font-size:0.85em; letter-spacing:-.5px }
img { max-width:100% }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:1em; font-family:Open Sans, noto sans kr;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,{ display:block }
p,span, h2, h3, h4, h5, h6 {word-break: keep-all;}

section{position:relative; width:100%;}
.pcbr{display:none;}
.mbbr{display:block;}

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; font-family:noto sans kr, dotum, sans-serif }
input[type='radio'] {
			-webkit-appearance:none;
			width:17px;
			height:17px;
			/* [라디오 버튼 테두리 색상 정의] */
			border:1px solid darkgray;
			border-radius:50%;
			outline:none;
			/* [라디오 버튼 배경 색상 정의] */
			background:#ffffff;
		}
		input[type='radio']:before {
			/* [content null 설정해서 커스텀 지정] */
			content:'';
			display:block;
			width:70%;
			height:70%;
			margin: 15% auto;
			border-radius:50%;  
		}
		input[type='radio']:checked:before {
			/* [라디오 버튼이 클릭 되었을 경우 내부 원형 색상] */
			background:#007bff;
		}
input[type=text], input[type=password], input[type=date] { padding:0 5px; border:1px solid #ddd; color:#222; line-height:34px; height:36px; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], button {padding: 5px 10px;margin: 3px 0px;font-size: 1.167em; border-radius:3px;-webkit-appearance:none}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

button { cursor:pointer; outline:none }
select { border:1px solid #ddd; height:36px; padding:0 0 0 9px; cursor:pointer; color:#222; }
.styled_select { height:36px; overflow:hidden; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:3px; vertical-align:middle; position:relative }
.styled_select i { position:absolute; right:10px; text-align:center; height:34px; line-height:32px; top:0; font-size:14px }
.styled_select select { background:transparent; height:34px; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 }
.styled_select select:disabled { cursor:default; background:#f0f0f0 }
.styled_select select::-ms-expand { display:none }
hr { display:block; border-color:rgba(0,0,0,0.2); border-width:1px 0 0 0; height:1px; }
a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent }
a, .btn { transition:all .3s }
strong, b, th { font-weight:500; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #ddd; padding:10px; width:100%; border-radius:3px; vertical-align:top }
address { font-style:normal }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#cc121d !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
input.short { width:70px; text-align:center }
input.long { width:100% }
input.half { width:49% }
ul:after { clear:both; content:""; display:block }
.overflow_y { overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd }

.succession { margin-top:20px !important }
.paragraph { margin-bottom:40px !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_no { display:none !important }
.mobile_only { display:none !important }
.s_mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.btn { padding:.8rem 1.4rem .9rem 1.4rem; line-height:1; font-weight:500; border:1px solid #ccc; transition:all .2s; display:inline-block; border-radius:0; outline:none; vertical-align:middle; border-radius:3px; font-size:1em; text-decoration:none !important }
a.btn, .btn { font-weight:500 }
.btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important }
.btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-info { background:#3e444c; border-color:#2f343a; color:#fff !important }
.btn-green { background:#71c702; border-color:#71c702; color:#fff !important }
.btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important }
.btn-red { background:#e93c20; border-color:#e93c20; color:#fff !important }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-default { background:#fff }
.btn-lg { padding:1.1rem 2.4rem; font-size:1.1rem; border-radius:5px }
.btn-ml { padding:10px 20px 12px 20px; font-size:14.5px; border-radius:5px }
.btn-ml i { font-size:14px }
.btn-sm { padding:0 15px; height:36px; line-height:32px; font-size:.95rem; border-radius:3px }
.btn-sm i { font-size:14px }
.btn-xs { padding:5px 7px 6px 7px; font-size:.95rem; border-radius:3px }
.btn-xs i { font-size:14px }

.btn_guide { position:fixed; z-index:100; right:0; top:40% }
.btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 }

.tab_menu ul { font-size:0; margin:0 0 0 1px }
.tab_menu li { display:inline-block; }
.tab_menu li a { display:inline-block; border:1px solid #e0e0e0; padding:12px 25px; margin:0 0 0 -1px; color:#999; font-weight:400; font-size:.9rem; background:#fff }
.tab_menu li:hover a { background:#f0f0f0 }
.tab_menu li.on a { border-color:#000; color:#222; position:relative; z-index:1; background:#fff }
.tab_con > section { display:none }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30px; padding-bottom:40px }
.pop_layer .btn_add i { font-size:19px }
.pop_layer .btn_area { text-align:center; margin:30px 0 0 0 }
.pop_layer .btn_area .btn { min-width:150px }

.wrap { width:1200px; margin:0 auto; position:relative }

#header { height:100px; position:fixed; width:100%; z-index:100; color:#fff; transition:all .3s; top:0 }
#header a { color:#fff }
#header h1 { float:left; line-height:98px }
#header h1 a { text-indent:-9000px; font-size:0; width:125px; height:42px; background-image:url(../img/ci.png); background-position:0 0; display:inline-block; vertical-align:middle; overflow:hidden; background-size:100%; transition:none }
#header .gnb { float:right; margin:25px 0 0 0; transition:all .3s }
#header .gnb .depth1 { float:left; padding:0 40px; position:relative; }
#header .gnb .depth1 > a { display:inline-block; height:45px; line-height:45px; font-size:1.25em; font-weight:500 }
#header .gnb .depth1 ul { padding-top:0; transition:all .3s; height:0; overflow:hidden }
#header .gnb .depth2 > a { display:inline-block; font-weight:500; font-size:1.05em; line-height:1.4; padding:7px 0 }
#header .btn_user { float:right; margin:35px 0 0 0; display:block; font-size:19px }
#header .user { position:absolute; right:-35px; top:80px; width:80px; opacity:0; transition:all .3s }
#header .user a { border:1px solid #ddd; display:block; height:0; line-height:37px; font-size:0.85em; padding:0 12px; text-transform:uppercase; margin-left:-1px; text-align:center; margin-top:-1px; color:rgba(0,0,0,0.5); background:#fff; font-weight:400 }
#header .user a:hover { color:#222 }
#header .user.on { opacity:1 }
#header .user.on a { height:40px }
#header .sns { float:right; margin:37px 13px 0 0 }
#header .sns li { float:left; margin:0 3px }
#header .sns li a { width:24px; height:24px; display:block; background-position:0 0; background-repeat:no-repeat; overflow:hidden; text-indent:-9000px; font-size:0 }
#header .sns li:nth-child(1) a { background-image:url(../img/icon_kakao_bg.png) }
#header .sns li:nth-child(2) a { background-image:url(../img/icon_insta_bg.png) }
#header .sns li:nth-child(3) a { background-image:url(../img/icon_youtube_bg.png) }
#header .btn_search { float:right; margin:34px 20px 0 0; display:block; font-size:19px }
.hd_sch_wr { display:none; margin:0; padding:0 }
.hd_sch_wr.on { display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:101 }
.hd_sch_wr .box { width:400px; background:#fff; left:50%; top:50%; transform:translate(-50%, -51%); position:absolute; }
.hd_sch_wr .bo_sch_bg { background:rgba(0,0,0,0.7); width:100%; height:100% }
.hd_sch_wr header { background:#4c525c; text-align:center; color:#fff; font-size:1.25em; font-weight:500; line-height:48px; height:50px }
.hd_sch_wr header .btn_close { width:25px; height:25px; position:absolute; right:10px; top:0; border:0; background:transparent; display:inline-block; border-radius:0; font-size:0 }
#hd_sch { border-radius:0; padding:20px }
#hd_sch #sch_stx { background:#fff; border:1px solid #ddd; width:calc(100% - 50px); color:#222; border-radius:5px 0 0 5px; border-right:0; font-size:1.05em }
#hd_sch #sch_submit { width:50px;background:#fff; border:1px solid #ddd; color:#222; border-radius:0 5px 5px 0; border-left:0 }
#hd_sch #sch_submit i {vertical-align:2px }

#header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2); height:80px }
#header.on h1 { line-height:78px }
#header.on a { color:rgba(0,0,0,0.7) }
#header.on h1 a { background-position:0 -42px }
#header.on .gnb { margin-top:16px }
#header.on .btn_user { margin-top:26px }
#header.on .btn_search { margin-top:26px }
#header.on .user { top:70px }
#header.on .sns { margin-top:28px }
#header.on .sns li a { background-position:0 -24px }

#header.down { background:#fff; height:260px }
#header.down a { color:rgba(0,0,0,0.7) }
#header.down h1 a { background-position:0 -42px }
#header.down .gnb .depth1 { overflow:hidden }
#header.down .gnb .depth1 > a { margin-bottom:10px }
#header.down .gnb .depth1:hover > a { color:#22549e }
#header.down .gnb .depth1 ul { height:auto; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#22549e }
#header.down .sns li a { background-position:0 -24px }

#footer { padding:50px 0; margin:100px 0 0 0; background:#000; color:#c3c3c3; border-top:1px solid #e0e0e0 }
#footer.main { margin:0 }
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:125px; height:42px; background-image:url(../img/ci.png); background-position:0 -84px; display:block; overflow:hidden }
#footer nav { position:absolute; right:0; top:0; }
#footer nav li { float:left; margin:0 0 0 17px; }
#footer .f_left { margin:0 0 0 70px }
#footer dt, #footer dd { display:inline-block }
#footer dt { font-weight:500 }
#footer dd { margin:0 20px 0 5px; font-weight:400 }
#footer .copyright { margin:10px 0 0 0 }
#footer #top_btn { border:0; background:rgba(0,0,0,0.9); font-size:30px; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2px }

#footer .go_shop { border:0; background:rgba(0,0,0,1); font-size:30px;color:#fff; left:30px; bottom:30px }
#footer .go_shop:hover { background:rgba(0,0,0,1) }
#footer .go_shop i { vertical-align:2px }

#footer .go_review { border:0; background:rgba(0,0,0,1); font-size:30px; color:#fff; right:30px; bottom:30px }
#footer .go_review:hover { background:rgba(0,0,0,1) }
#footer .go_review i { vertical-align:2px }

#main_visual { height:calc(80%); text-align:center; color:#fff; position:relative; z-index:1 }
#main_visual .bx-wrapper { border:0; box-shadow:none; background:transparent; height:100%; margin-bottom:0 }
#main_visual .bx-viewport { height:100% !important }
#main_visual .bx-pager {  }
#main_visual .slider { height:100% }
#main_visual .roll { background-size:cover; height:100%; background-position:center }
#main_visual .roll_video .black { position:absolute; width:100%; height:100%; background:url(../img/visual_pattern.png); z-index:-1 }
#main_visual .roll_video video { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); min-width:100%; min-height:100%; z-index:-2; max-width:8000px !important; -webkit-transform: translate(-50%, -50%); }

/* 메인 비주얼 이미지 */
#main_visual .roll01 { background-image:url(../img/visual01.jpg) }
#main_visual .roll02 { background-image:url(../img/visual02.jpg) }
#main_visual .roll03 { background-image:url(../img/visual03.jpg) }
#main_visual .roll04 { background-image:url(../img/visual04.jpg) }
#main_visual .roll_youtube { background-image:url(../img/visual02.jpg) } /* 모바일 유튜브 대체 이미지 경로 */

#main_visual .roll01 h2 { line-height:1.0; margin:15vh 0 0 0; font-size:5em; font-weight:200; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9) }
#main_visual .roll01 h2 strong { margin:15vh 0 0 0; font-size:2em; font-weight:500; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9); text-shadow: 0.5px 0.5px 3px #aeaeae; }
#main_visual .roll01 p { margin:15vh 0 0 0; font-size:1.8em; line-height:1.4; font-weight:400; margin:30px 0 0 0; animation:down .5s .7s forwards; opacity:0; color:rgba(255,255,255,0.9)}
#main_visual .roll02 h2 { line-height:1.0; margin:25vh 0 0 0; font-size:4em; font-weight:200; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9) }
#main_visual .roll02 h2 strong { margin:25vh 0 0 0; font-size:2em; font-weight:500; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9); text-shadow: 0.5px 0.5px 3px #aeaeae; }
#main_visual .roll02 p { font-size:1.8em; line-height:1.4; margin:30px 0 0 0; animation:down .5s .7s forwards; opacity:0; color:rgba(0,0,0,0.9)}
#main_visual .roll03 h2 { line-height:1.0; margin:25vh 0 0 0; font-size:4em; font-weight:200; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9) }
#main_visual .roll03 h2 strong {  margin:25vh 0 0 0; font-size:2em; font-weight:500; animation:up .5s .4s forwards; opacity:0; color:rgba(255,255,255,0.9); text-shadow: 0.5px 0.5px 3px #aeaeae; }
#main_visual .roll03 p { font-size:1.8em; line-height:1.4; margin:30px 0 0 0; animation:down .5s .7s forwards; opacity:0; color:rgba(0,0,0,0.9)}

#main_visual .slider .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:33px; height:33px; border:1px solid #fff; border-radius:50%; background:url(../img/btn_more.png) no-repeat center; opacity:0; animation:opacity .5s 1.2s forwards }
#main_visual .slider .btn_more:hover { transform:rotate(-90deg); background-color:#000; border-color:#000 }
#main_visual .bx-controls { position:absolute; bottom:70px; width:100%; text-align:center; z-index:55 }
#main_visual .bx-controls-direction { display:none }
#main_visual .bx-pager { display:inline-block; vertical-align:middle }
#main_visual .bx-pager > div { display:inline-block; }
#main_visual .bx-pager a { text-indent:-9000px; font-size:0; display:inline-block; width:20px; height:20px; border:2px solid #fff; border-radius:50%; margin:0 3px }
#main_visual .bx-pager a.active { background:#fff }
#main_visual .bx-controls-auto { display:inline-block; vertical-align:middle }
#main_visual .bx-controls-auto > div { display:inline-block }
#main_visual .bx-controls-auto a { display:inline-block; height:20px; width:20px; color:#fff; text-indent:-9000px; font-size:0; background-position:center; background-repeat:no-repeat; margin:0 5px }
#main_visual .bx-controls-auto a.bx-start { background-image:url(../img/btn_play.png) }
#main_visual .bx-controls-auto a.bx-stop { background-image:url(../img/btn_pause.png) }
#main_visual .bx-controls-auto a.active { display:none }

#main_visual .latest { position:absolute; z-index:60; bottom:50px; left:50%; margin-left:-600px; text-align:left; width:350px }
#main_visual .latest header {  }
#main_visual .latest header:after { width:47px; height:2px; background:#fff; display:block; content:""; margin:15px 0 }
#main_visual .latest header h2 { font-size:34px; font-weight:600; display:inline-block; vertical-align:middle }
#main_visual .latest header h2 strong { font-weight:600; color:#ffb400; line-height:1 }
#main_visual .latest header a { margin:0 0 0 10px; display:inline-block }
#main_visual .latest header a:hover { transform:rotate(-90deg) }
#main_visual .latest .con p { font-size:16px; color:rgba(255,255,255,0.65); margin:0 0 8px; word-break:keep-all }
#main_visual .latest .con p.subj { color:rgba(255,255,255,1); font-size:21px; font-weight:500; letter-spacing:-.5px; }
#main_visual .latest .con p.date { color:rgba(255,255,255,1); font-size:23px; font-weight:600; }
#main_visual .latest .con a { height:38px; line-height:35px; border:1px solid #fff; border-radius:19px; padding:0 24px; color:#fff; display:inline-block; font-size:1.2em; margin-top:10px; margin-bottom:30px }
#main_visual .latest .con a:hover { background:#fff; color:#222 }

.youtube-background { background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }
.youtube-foreground, .youtube-background iframe { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
@media (min-aspect-ratio: 16/9) {
  .youtube-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .youtube-foreground { width: 400%; left: -150%; }
}

/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-10{margin-bottom:10px;}
.btmspace-15{margin-bottom:15px;}
.btmspace-20{margin-bottom:20px;}
.btmspace-30{margin-bottom:30px;}
.btmspace-50{margin-bottom:50px;}
.btmspace-80{margin-bottom:80px; width:1200px; margin:0 auto; position:relative}
.btmspace-150{margin-bottom:150px; width:1200px; margin:0 auto; position:relative}

.rgtspace-5{margin-right:5px;}
.rgtspace-10{margin-right:10px;}
.rgtspace-15{margin-right:15px;}
.rgtspace-20{margin-right:20px;}
.rgtspace-30{margin-right:30px;}

.inspace-5{padding:5px;}
.inspace-10{padding:10px;}
.inspace-15{padding:15px;}
.inspace-20{padding:20px;}
.inspace-30{padding:30px;}


/* Overview - for services etc. */
#overview{}
#overview li{margin-bottom:50px;}
#overview li:nth-last-child(-n+3){margin-bottom:0;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */
#overview li:nth-child(3n+1){margin-left:0; clear:left;}/* Removes the need to add class="first" */
#overview article{}
#overview article *{margin:0; padding:0;}
#overview article > div{display:block; position:relative; min-height:36px; margin:0 0 20px 0; padding:8px 0 0 55px;}
#overview article > div *{line-height:1;}
#overview article > div i{display:block; position:absolute; top:0; left:0; font-size:36px;}
#overview article > div .heading{}
#overview article p{}

/* Content Area */
#overview article a{color:inherit;}
#overview article:hover a{color:#FBAB45;}
.sectiontitle{display:block; max-width:55%; margin:0 auto 80px; text-align:center;}
.sectiontitle *{margin:0;}

/* Generalise
--------------------------------------------------------------------------------------------------------------- */
h4, h5, h6, .heading{margin:0 0 00px 0; font-size:1.4rem; line-height:normal; font-weight:normal; /*text-transform:uppercase;*/}

.nospace{margin:0; padding:0; list-style:none; margin: 0 auto;}
.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}

.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}
.first{margin-left:0; clear:left;}

/* Grid - RS-MQF 1140 V.2 - https://www.os-templates.com/free-basic-html5-templates/rs-mqf-1140
--------------------------------------------------------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 4.21052%; list-style:none;}
.first{margin-left:0; clear:left;}
.one_quarter{width:21.8421%;}
.one_third{width:30.52631%;}
.one_half, .two_quarter{width:47.89473%;}
.two_third{width:65.26315%;}
.three_quarter{width:73.94736%;}

.heading.nospace{margin-bottom:0;}
.heading.underline{display:inline-block; position:relative; padding:0 0 15px 0;}
.heading.underline::after{display:block; position:absolute; bottom:0; width:25%; height:5px; border-radius:3px; content:"";}
.center .heading.underline::after, .sectiontitle .heading.underline::after{left:50%; margin-left:-12%;}
.font-xs{font-size:1rem;}
.font-x2{font-size:2.2rem;}
.font-x3{font-size:3.2rem;}

.sectiontitle{display:block; max-width:55%; margin:0 auto 80px; text-align:center;}
.sectiontitle *{margin:0;}
/* Split Fifty */
#splitfifty{}
#splitfifty *{margin:0;}
#splitfifty > .sectiontitle{max-width:none; margin:0 0 50px 0; text-align:left;}
#splitfifty > .sectiontitle .heading.underline::after{left:0; margin-left:0;}
#splitfifty > div:nth-of-type(2) article{display:block; float:left; width:50%; padding:50px;}
#splitfifty > div:nth-of-type(2) article *{margin:0 0 30px 0;}
#splitfifty > div:nth-of-type(2) article .heading{}
#splitfifty > div:nth-of-type(2) article p{}
#splitfifty > div:nth-of-type(2) article footer, #splitfifty > div:nth-of-type(2) article footer a{margin:0;}
#splitfifty.disright > div:nth-of-type(2) article{float:right;}/* Display the block to the right, instead of left - depends on your preference */
#splitfifty > div:nth-of-type(2) article{display:block; float:none; width:100%;}
.overlay{position:relative; z-index:1;}
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;z-index:2; }
.hoc{display:block; margin:0 auto;}
.nospace{margin:0; padding:0; list-style:none;}
/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}

/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:80px 0;}
/* Sidebar */
.container .sidebar{}
.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#FBAB45;}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}

/* Content */
.container .content{}
.center .heading.underline::after, .sectiontitle .heading.underline::after{left:50%; margin-left:-12%;}

#splitfifty article{color:#474747; background-color:rgba(255,255,255,.8);}
#splitfifty article:hover{background-color:#FFFFFF;}


.sec_add_01 video { display: block; max-width: 100%; margin: 00px auto;}
.sec_add_01 { position:relative; bottom:00px; padding:50px 0 150px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sec_add_01 h2 { font-family:Verdana, Geneva, sans-serif; font-size:1rem;  color:rgba(0,0,0,0.9); letter-spacing:0px; line-height:1; padding: 80px 00px 5px 00px ; text-align:center; }
.sec_add_01 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sec_add_01 h2 thin { font-weight:300; color:rgba(0,0,0,1.0);}
.sec_add_01 h3  { font-size:30px; letter-spacing:-1px; font-weight:300;  color:rgba(0,0,0,0.9); margin:0 0 0px 0; text-align:center;  }
.sec_add_01 h4 { font-size:25px; font-weight:400; color:rgba(0,0,0,0.7);letter-spacing:-1px; margin:50px 0 20px 00px; text-align:center;  }
.sec_add_01 div { /*display: block; clear:*/   }
.sec_add_01 .box1 { float:left; width:100%;  }
.sec_add_01 .box1 .content01 { width:100%; height:80%; margin:20px 0 20px 0;}
.sec_add_01 .box1 .content01 span {display: block; font-size:24px;font-weight:400;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_01 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sec_add_01 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_01 .box2 { float:left; width:33.3%; }
.sec_add_01 .box2 .content01 { width:100%; margin:10px 0; }
.sec_add_01 .box2 .content01 span  {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sec_add_01 .box2 .content01 ul li  {text-align:center;}
.sec_add_01 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.sec_add_01 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.sec_add_01 .box3 { float:left; width:100%;}
.sec_add_01 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sec_add_01 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_01 .box3 .content01 span {display: block; font-size:20px;font-weight:350;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sec_add_01 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sec_add_01 .box3 span {display: block; font-size:17px;font-weight:400;color:rgba(0,0,0,0.7); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_01 .box4 { float:right; width:33.3%;}
.sec_add_01 .box4 .content01 { width:100%; margin:20px 0 00px 70px; }
.sec_add_01 .box4 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_01 .box4 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_01 .box4 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sec_add_01 .box4 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_01 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sec_add_01 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sec_add_01 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}



.sec_add_02 {position:relative; overflow:hidden; background:url(../img/img_add1_02.jpg) no-repeat bottom/*/cover fixed*/; background-size:100% auto; bottom:0px; padding:305px 0 50px 0; z-index:-1;/* border:1px solid red;*/}
.sec_add_02 .img { float:left; width:100%; position:relative; margin-top:-100px; background:url(../img/img_add1_03.jpg) no-repeat bottom/*/cover fixed*/; background-size:100%  }
.sec_add_02 article {display:block; float:left; width:50%; padding:150px; color:#474747; background-color:rgba(255,255,255,.8); /*border:1px solid red;*/}
.sec_add_02 .img img:last-child { position:absolute;} 
.sec_add_02 .text { position:absolute; text-aline: left; width:100%; margin:-250px 0 0 00px;}
.sec_add_02 .text h2 { font-family:Verdana, Geneva, sans-serif; font-size:1rem;  color:rgba(255,255,255,0.9); letter-spacing:0px; line-height:1; margin: 50px 00px 5px 00px }
.sec_add_02 .text h2 strong { font-weight:500; color:rgba(255,255,255,0.8); }
.sec_add_02 .text h3 { font-size:30px; letter-spacing:-1px; font-weight:300;  color:rgba(255,255,255,0.9); margin:0 0 0px 0 }
.sec_add_02 .text h3 thin { font-size:25px; font-weight:300; color:rgba(255,255,255,0.9); }
.sec_add_02 .text h4 { font-size:25px; font-weight:400; color:rgba(0,0,0,0.7);letter-spacing:-1px; margin:100px 0 20px 50px }
.sec_add_02 .text h4 thin { font-size:20px; font-weight:400; color:rgba(0,0,0,0.7); }
.sec_add_02 .text p { font-size:12px; font-weight:300; color:rgba(0,0,0,1.0); line-height:1.4; margin:00px 0 0px 50px;}
.sec_add_02 .text p strong { font-weight:700; color:rgba(255,0,0,1.0); }
.sec_add_02 .tit{position:absolute; bottom:-229px; right:0; width:254px; height:254px; display:table; background:#142e7b; z-index:-2} /* bottom -숫자가 낮을수록 올라감*/
.sec_add_02 .btn_area a { width:280px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:0px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 00px 00px 50px  }
.sec_add_02 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.sec_add_02 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.sec_add_02 dl dd { font-weight:700; font-size:40px; line-height:1 }
.sec_add_02 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }


.sec_add_03 { position:relative; bottom:00px; padding:0px 0 0px 0; z-index:-1; top:-0px; /*border:1px solid red;*/ }
.sec_add_03 h2 { font-family:Verdana, Geneva, sans-serif; font-size:1rem;  color:rgba(0,0,0,0.9); letter-spacing:0px; line-height:1; padding:150px 0 5px 0; text-align:center;}
.sec_add_03 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sec_add_03 h3  { font-size:30px; font-weight:300; text-align:center; padding:0px 0 20px 0; color:rgba(0,0,0,0.9);}
.sec_add_03 .latestimg > li{display:inline-block; float:left; width:24%;}
.sec_add_03 .latestimg > li:nth-child(1) {margin:0 0.7%}
.sec_add_03 .latestimg > li:nth-child(2) {margin:0 0.7%}
.sec_add_03 .latestimg > li:nth-child(3) {margin:0 0.7%}
.sec_add_03 .latestimg > li:nth-child(4) {float:right;}
.sec_add_03 .latestimg > li:nth-last-child(-n+4){margin-bottom:1.1%;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */
.sec_add_03 .latestimg > li:nth-child(4n+1){margin-left:0; clear:left;  } /*Removes the need to add class="first" */
.sec_add_03 .latestimg > li img{width:100%;}/* Force the image to resize to take the full space - may have to be changed for tablets, depends on personal preference */
.sec_add_03 .latestimg > li a.imgover{display:block;}
.sec_add_03 .bath { position:relative; top:-75px; padding:200px 0 ; background:url(../img/img_with05.jpg) no-repeat left/*/cover fixed*/; background-size:100% /*auto*/;   }
.imgover{display:inline-block; position:relative; max-width:100%;}
.imgover::before, .imgover::after{display:block; position:absolute; content:""; text-align:center; opacity:0;}
.imgover::before{top:0; right:0; bottom:0; left:0;}
.imgover::after{top:50%; left:50%; width:50px; height:50px; line-height:50px; margin:-25px 0 0 -25px; font-family:"Font Awesome\ 5 Free"; font-weight:900; content:"\f067";/* fa-plus */ font-size:28px;}
.imgover:hover::before, .imgover:hover::after{opacity:1;}
.imgover:hover::before{background-color:rgba(251,171,69,.5);/* #FBAB45 */}
.imgover, .imgover:hover::after{color:#FFFFFF;}
.sec_add_03 div { /*display: block; clear:*/   }
.sec_add_03 .box1 { float:left; width:100%;  }
.sec_add_03 .box1 .content01 { width:100%; margin:0px 0;}
.sec_add_03 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_03 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_03 .box2 { float:right; width:48%; }
.sec_add_03 .box2 .content01 { width:100%; margin:40px 0; }
.sec_add_03 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_03 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_03 .box3 { float:left; width:100%;}
.sec_add_03 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sec_add_03 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_03 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_03 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sec_add_03 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_03 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sec_add_03 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sec_add_03 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sec_add_04 { position:relative; bottom:00px; padding:00px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sec_add_04 h2 { font-family:Verdana, Geneva, sans-serif; font-size:1rem;  color:rgba(0,0,0,0.9); letter-spacing:0px; line-height:1; padding:130px 0 5px 0; text-align:center;}
.sec_add_04 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sec_add_04 h3  { font-size:30px; font-weight:300; text-align:center; padding: 0px 0 00px 0; color:rgba(0,0,0,0.9);}
.sec_add_04 div { /*display: block; clear:*/   }
.sec_add_04 .box1 { float:left; width:100%;  }
.sec_add_04 .box1 .content01 { width:100%; margin:00px 0; position:relative; top:-0px; padding:130px 0 330px 0 ; background:url(../img/img_certificate01.jpg) no-repeat left/*/cover fixed*/; background-size:100% /*auto*/;  }
.sec_add_04 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_04 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_04 hr {margin:100px 0 0px 0; }

.sec_add_05 { position:relative; bottom:00px; padding:00px 0 80px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sec_add_05 h2 { font-size:25px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:40px 0; text-align:left;}
.sec_add_05 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sec_add_05 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sec_add_05 div { /*display: block; clear:*/   }
.sec_add_05 .box1 { float:left; width:25%; height:0px;  }
.sec_add_05 .box1 .content01 { width:100%; margin:40px 0;}
.sec_add_05 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_05 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_05 .box2 { float:left; width:25%;}
.sec_add_05 .box2 .content01 { width:100%; margin:-200px 0; }
.sec_add_05 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); padding:0px 80px; letter-spacing:-0.05em; line-height:1.4; text-align:center;}
.sec_add_05 .box2 .content01 bold {font-size:24px;font-weight:500; color:#fc0f0f;}
.sec_add_05 .box3 { float:left; width:25%;}
.sec_add_05 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sec_add_05 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_05 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_05 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sec_add_05 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_05 .box4 { float:left; width:25%;}
.sec_add_05 .box4 .content01 { width:100%; margin:20px 0 00px 70px; }
.sec_add_05 .box4 .content02 { width:100%; margin:0px 0 00px 70px; }
.sec_add_05 .box4 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sec_add_05 .box4 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sec_add_05 .box4 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sec_add_05 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sec_add_05 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sec_add_05 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}


.main_section01 { position:relative; overflow:hidden; padding:70px 0 0 0 ;}
.main_section01 .bg { width:100%; height:100%; position:fixed; /*background:url(../img/main_about_bg.png) no-repeat center top;*/ background-size:cover; top:0; z-index:-1; }
.main_section01 .img { float:left; width:55%; position:relative }
.main_section01 .img img:last-child { position:absolute; right:30px; top:300px }
.main_section01 .text { float:left; width:100%; padding:0px 0 100px;text-align:center; }
.main_section01 .text h2 { font-size:70px; font-weight:300; line-height:1.0; margin:0 0 40px 0px }
.main_section01 .text h2 strong { font-size:90px; font-weight:700 }
.main_section01 .text h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 10px }
.main_section01 .text p { font-size:17px; font-weight:400; color:rgba(0,0,0,1.0); line-height:1.4; margin:10px 0  0px 0; word-break:keep-all; padding-left:10px;letter-spacing:-1px; }
/*.main_section01 .text p strong { font-size:19px; font-weight:400; color:#ef1f1b;}*/
.main_section01 .btn_area a { width:144px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:19px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section01 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section01 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
/*.main_section01 .w100{ position:relative; width:1200px; margin-bottom:00px;padding-left:00px;box-sizing: border-box;}
.main_section01 .w100:before{ position:absolute; top:26px; left:250px; display:block; content:""; width:305px; height:3px; background:#e11e2d;}*/
.main_section01 dl dd { font-weight:700; font-size:40px; line-height:1 }
.main_section01 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }


.main_sec{width: 100%; }
.tit_area .sub_tit{display: block; margin-bottom: 10px; text-align: center; font-size: 16px; color: #fff;}
.tit_area .main_tit{font-size: 33px; line-height: 32px; color: #444; font-weight: 700; text-align: center;}
.tit_area .main_tit2{font-size: 33px; line-height: 32px; color: #fff; font-weight: 700; text-align: center;}
.tit_area .desc{margin: 25px auto 0; padding: 0 5px; word-break: keep-all; color: #888; font-size: 16px; line-height: 22px; text-align: center;}

.tit_area .view_more{margin: 30px auto 0; width: 160px; height: 45px; border: 1px solid #fff; transition-duration: 0.3s; transition-timing-function: ease-in-out; text-align: center;}
.tit_area .view_more2{margin: 30px auto 0; width: 160px; height: 45px;}
.tit_area .view_more a{line-height: 45px; color: #fff; text-align: center; font-size: 14px;}
.tit_area .view_more:hover{background: #fff;}
.tit_area .view_more:hover a{color: #222;}

/*main_sec1*/
.main_sec1 .list_area{padding:0 0 100px 0 ;}
.main_sec1 .list_area li{float: left; width: 49%;}
.main_sec1 .list_area li:first-child{margin-right: 2%;}
.main_sec1 .list_area li .figure img{width: 100%;}
.main_sec1 .text_box{display: table;  margin-top: 40px;}
.main_sec1 .text_box .num{display: table-cell;}
.main_sec1 .text_box .text{display: table-cell; padding-left: 10px;}
.main_sec1 .text_box .num{color: #bf4a3f; font-size: 24px; line-height: 35px; font-weight: 500;}
.main_sec1 .text_box .text .main_tit{margin: 0 0 15px; font-size: 22px; line-height: 35px; font-weight: 700; color: #444;}
.main_sec1 .text_box .text .desc{font-size: 16px; line-height: 20px; color: #3c3c3c;}

/*main_sec2*/
.main_sec2{padding: 0 !important;}
.main_sec2 .list_area li{float: left; padding: 80px 0; width: 50%; background: url(../img/section2_bgi1.png); background-size: cover; background-position: center;}
.main_sec2 .list_area li:last-child{background-image: url(../img/section2_bgi2.png);}
.main_sec2 .tit_area .main_tit{color: #fff;}

.main_section02 { position:relative; overflow:hidden; background:url(../img/main_doctor02.jpg) no-repeat center top; background-size:cover; top:0; z-index:-1; padding:130px 0; /*border:1px solid red;*/}
/*.main_section02 .bg { width:100%; height:100%;  }*/
.main_section02 .img { float:left; width:55%; position:relative }
.main_section02 .img img:last-child { position:absolute; right:30px; top:300px }
.main_section02 .text { float:left; width:100%; }
.main_section02 .text h2 { font-size:25px; font-weight:300; color:rgba(0,0,0,0.9); letter-spacing:-1px; line-height:1.3em; margin:0 0 20px 600px; text-align: left}
.main_section02 .text h2 strong { font-weight:500; color:rgba(0,0,0,0.9); }
.main_section02 .text h2 color{ font-weight:500; color:rgba(255,0,0,0.9); }
.main_section02 .text h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 30px }
.main_section02 .text p { font-size:19px; font-weight:300; color:rgba(255,255,255,0.9); line-height:1.4; margin:0 0 0px;}
.main_section02 .text p strong { font-weight:700; color:rgba(255,0,0,0.9); }
.main_section02 .btn_area a { width:144px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:19px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section02 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section02 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.main_section02 dl dd { font-weight:700; font-size:40px; line-height:1 }
.main_section02 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }




.main_section03 { position:relative; bottom:00px; padding:100px 0 100px 0; z-index:-1; background:url(../img/main_doctor.jpg) no-repeat center top; background-size:100%; top:-000px;;}
.main_section03 h2 { font-size:55px;font-weight:300;letter-spacing:-0.1em;  color:rgba(0,0,0,0.9); padding-bottom:0px; text-align:left;}
.main_section03 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section03 div { /*display: block; clear:*/   }
.main_section03 .box1 { float:left; width:590px;}
.main_section03 .box2 { float:right; width:590px;}
.main_section03 .box2 .content01 { width:100%; margin:20px 0; }
.main_section03 .box2 .content01 p{ width:100%; margin:20px 0;  font-size:19px; font-weight:300; color:rgba(0,0,0,0.9); line-height:1.4; /*margin:0px 0 0px 0px;*/ }
.main_section03 .box2 .content02 { width:100%;  padding:20px 0 0px 0; }
.main_section03 .box3 { display:inline-block; width:45%; text-align:center}

/*main_sec3*/
.pic_lt{margin-bottom: 0; border-color: none;}
.pic_lt .lat_title{display: none; background: none; border-bottom: none;}
.pic_lt{margin-bottom: 0; border: none; background: none;}
.pic_lt ul{padding: 0;}
.pic_lt li{padding: 0;}
.pic_lt li .lt_img{margin: 0;}
.pic_lt .lat_title{padding: 0; border-bottom: none; color: #444; background: none;}
.pic_lt .lat_title a{color: #444;}
.pic_lt .lat_title a::after{background: none; display: none;}
.pic_lt .lt_more{display: none;}
.lat{border: none; background: none; margin-bottom: 0;}
.lat .lat_title{padding: 0; border-bottom: none; color: #444; background: none;}
.lat .lat_title a{color: #444;}
.lat .lat_title a::after{background: none; display: none;}
.pic_lt li .new_icon, .pic_lt li .hot_icon{display: none;}
.pic_lt .gall_title:hover{color: #444;}
.pic_lt .gall_text_area:hover{color: inherit;}
.pic_lt .gall_title{color: #444; font-weight: 400; font-size: 16px;}
.pic_lt .gall_content{font-size: 14px; color: #888; word-break: keep-all; overflow: hidden; -webkit-overflow: hidden; -ms-overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 24px; height: 48px;}

.pic_lt .lt_date{padding: 0 30px;}
.pic_lt li.empty_li{width: 100% !important; height: 300px; line-height: 300px; text-align: center; color: #444; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}
.owl-theme .owl-dots .owl-dot{outline: 0;}

.main_sec3 {padding:100px 0 100px 0 ;}
.main_sec3 .inner{display: table;}
.main_sec3 .main_tit{ font-size:28px}
.main_sec3 .tit_area{display: table-cell; position: relative; width: 30%; vertical-align: top; height: 100%;}
.main_sec3 .tit_area *{text-align: left;}
.main_sec3 .tit_area .desc{padding: 0 20px 0 0; margin: 25px 0 0; font-size: 15px;}
.main_sec3 .tit_area .view_more{position: absolute; bottom: 1px;}
.main_sec3 .tit_area .view_more a{color: #fff; background: #444; border: 1px solid transparent; transition-duration: 0.3s; transition-timing-function: ease-in-out;}

.main_sec3 .tit_area .view_more:hover a{color: #444; background: #fff; border: 1px solid #444;}

.main_sec3 .list_area1{display: table-cell;width: 70%;}
.main_sec3 .list_area2{display: none;}
.main_sec3 .list_area1 li{width: 32%;}
.main_sec3 .pic_lt li:nth-child(3n-1){margin: 0 2%;}

.main_sec3 .gall_text_area{margin-top: 25px;}
.main_sec3 .pic_lt .gall_title{font-weight: 700; margin-bottom: 5px;}
.main_sec3 .owl-theme .owl-nav.disabled+.owl-dots{display: none; margin-top: 25px;}
.main_sec3 .owl-theme .owl-dots .owl-dot.active span, .main_sec3 .owl-theme .owl-dots .owl-dot:hover span{background: #bf4a3f;}

.main_section04 { position:relative; overflow:hidden; top:00px; padding:280px 0 230px 0; z-index:-1;bottom:-600px;  }
/*.main_section04 .bg { width:100%; height:100%;  }*/
.main_section04 .img { float:right; width:610px; position:relative; }
.main_section04 .img img:last-child { position:absolute; right:20px; top:-280px ;} /* top -숫자가 클수록 올라감*/
.main_section04 .text { float:right; width:600px;}
.main_section04 .text h2 { font-size:55px; font-weight:300; color:rgba(0,0,0,0.9); letter-spacing:-1px; line-height:1; margin:-400px 00px 40px 00px }
.main_section04 .text h2 strong { font-weight:600; color:rgba(0,0,0,0.9); }
.main_section04 .text h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 30px }
.main_section04 .text p { font-size:17px; font-weight:300; color:rgba(0,0,0,0.9); line-height:1.4; margin:0 0 0px -33px;}
.main_section04 .text p strong { font-weight:700; color:rgba(255,0,0,0.9); }
.main_section04 .tit{position:absolute; bottom:-229px; right:5px; width:254px; height:254px; display:table; background:#142e7b; z-index:-2} /* bottom -숫자가 낮을수록 올라감*/
.main_section04 .btn_area a { width:144px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:19px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section04 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section04 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.main_section04 dl dd { font-weight:700; font-size:40px; line-height:1 }
.main_section04 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }

.main_section05 {position:relative; overflow:hidden; background:url(../img/main_clinical.jpg) no-repeat right/*/cover fixed*/; background-size:100% auto; bottom:0px; padding:220px 0 ; z-index:-1;/* border:1px solid red;*/}
.main_section05 .img { float:right; width:100%; position:relative; }
.main_section05 .img img:last-child { position:absolute;} 
.main_section05 .text { position:absolute; text-aline: left; width:100%; margin-top:-150px;}
.main_section05 .text h2 { font-size:50px; font-weight:300; color:rgba(0,0,0,0.9); letter-spacing:-1px; line-height:1; margin: 0px 00px 15px 00px }
.main_section05 .text h2 strong { font-weight:500; color:rgba(0,0,0,0.9); }
.main_section05 .text h3 { font-size:35px; letter-spacing:-1px; font-weight:300;  color:rgba(0,0,0,1.0); margin:0 0 30px }
.main_section05 .text h3 thin { font-size:25px; font-weight:300; color:rgba(0,0,0,1.0); }
.main_section05 .text p { font-size:12px; font-weight:300; color:rgba(0,0,0,1.0); line-height:1.4; margin:-20px 0 0px 0px;}
.main_section05 .text p strong { font-weight:700; color:rgba(255,0,0,1.0); }
.main_section05 .tit{position:absolute; bottom:-229px; right:0; width:254px; height:254px; display:table; background:#142e7b; z-index:-2} /* bottom -숫자가 낮을수록 올라감*/
.main_section05 .btn_area a { width:280px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:0px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section05 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section05 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.main_section05 dl dd { font-weight:700; font-size:40px; line-height:1 }
.main_section05 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }

.main_section06 { position:relative;  background:#f7f7f7; bottom:00px; padding:100px 0 ; z-index:-1;}
.main_section06 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;}
.main_section06 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section06 ul { padding-top:0; text-align: center; display: table; margin-left: auto; margin-right: auto;}
.main_section06 li { text-align:center; display:inline-block; padding:0.1em  50px; float: left; }
.main_section06 ul li div{ font-size:20px;font-weight:300;padding-top:00px;position:relative; margin-top:20px;letter-spacing:-0.09em;  }
.main_section06 ul li div span{position:absolute;left:0;top:0;font-size:14px;font-weight:300;color:#d5022b;}
.main_section06 img {display:block; margin:0 auto }

.main_section07 { position:relative; overflow:hidden; padding:280px 0 100px 0; bottom:0px;}
.main_section07 .img { float:left; width:100%; position:relative }
.main_section07 h2 { font-size:50px; font-weight:500; line-height:0.8; text-align:center; margin:-150px 0 70px 0px }
.main_section07 h2 strong { font-size:90px; font-weight:700 }
.main_section07 h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 30px }
.main_section07 .text { float:right; width:50%; margin-top:-292px; }
.main_section07 .text p { font-size:17px; font-weight:400; color:rgba(0,0,0,0.9); line-height:1.4; margin:0 0 25px; /*padding-left:25px;text-indent:0em;background:url(../img/m15_arr.png)no-repeat left 12px top 7px;*/}
.main_section07 .text p strong { font-size:17px; font-weight:400;color:#e6201e}
.main_section07 .tit{position:absolute; bottom:-15px; left:310px; width:254px; height:254px; display:table; background:#142e7b; z-index:-2}

.main_section08 { position:relative; overflow:hidden; padding:0px 0 150px 0; bottom:00px; /*border:1px solid red;*/}
.main_section08 .img { float:right; width:58%; position:relative }
.main_section08 h2 { width:42%; font-size:38px; font-weight:400; letter-spacing:-0.09em; line-height:1.1; text-align:left; margin:-220px 0 20px 0px }
.main_section08 h2 thin { font-size:38px; font-weight:300 }
.main_section08 h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 30px }
.main_section08 .box1 { float:left;width:38%; padding-top:50px;}
.main_section08 .box1 .content01 li { font-size:25px;font-weight:300;letter-spacing:-0.1em; text-align:right;}
.main_section08 .box1 .content01 strong { font-size:35px;font-weight:300;letter-spacing:-0.08em; padding:30px 0; }
.main_section08 .box1 .content01 strong add { font-size:50px;font-weight:500; }
.main_section08 .box1 .content01 li space{ font-size:30px;font-weight:500;letter-spacing:0.1em; }
.main_section08 .box1 .content01 li ring{ font-size:4px; vertical-align: middle; padding:0 5px ; color:rgba(226,31,46,1.0);}
.main_section08 .text { float:left; text-align:center; width:100%; margin-top:50px; }
.main_section08 .text p { font-size:25px; letter-spacing:-0.09em ; font-weight:500; color:rgba(0,0,0,0.9); text-align:left; line-height:1.2; margin:0 0 0px; /*padding-left:25px;text-indent:0em;background:url(../img/m15_arr.pngg)no-repeat left 12px top 7px;*/}
.main_section08 .text p strong { font-size:17px; font-weight:400;color:#e6201e}
.main_section08 .tit{position:absolute; bottom:-15px; left:310px; width:254px; height:254px; display:table; background:#142e7b; z-index:-1}

.main_section09 { position:relative;overflow:hidden; padding:160px 0 0px 0; bottom:00px; }
.main_section09 .img { float:left; width:100%; position:relative ;}
.main_section09 .img img:last-child {clear:both;  float:right;  }
.main_section09 h2 { font-size:50px; font-weight:500; line-height:0.8; text-align:center; margin:-150px 0 40px 0px }
.main_section09 h2 strong { font-size:90px; font-weight:700 }
.main_section09 h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 00px }
.main_section09 .text { text-align:center; margin:0 auto; padding-bottom:0px; width:750px;}
.main_section09 .text p { font-size:17px; font-weight:400; color:rgba(0,0,0,0.9); line-height:1.4; margin:0 0 25px;/* padding-left:1.3em; text-indent:-1.3em;*/}
.main_section09 .text p strong { font-size:17px; font-weight:400; color:#e6201e}
.main_section09 .tit{ position:absolute; bottom:-15px; left:310px; width:254px; height:254px; display:table; background:#142e7b; z-index:-1}

.main_section10 { position:relative;overflow:hidden; padding:0px 0 80px 0; bottom:00px;}
.main_section10 .img { float:left; width:100%; position:relative ;}
.main_section10 .img img:last-child { position:absolute; right:0px; top:350px }
.main_section10 h2 { position:relative; font-size:50px; font-weight:500; line-height:0.8; width:500px; top:205px; left:600px; margin:00px 00px 0px 0px; }
.main_section10 h2 strong { font-size:90px; font-weight:700 }
.main_section10 h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 00px }
.main_section10 .text { position:relative; width: 600px; top:235px; left:305px;} 
.main_section10 .text p { font-size:17px; font-weight:300; color:rgba(0,0,0,0.9); line-height:1.4; margin:0 0 0px; /*padding-left:1.3em;text-indent:-1.3em; */}
.main_section10 .tit{ position:absolute; bottom:-15px; left:310px; width:254px; height:254px; display:table; background:#142e7b; z-index:-1}

.main_section11 { height:calc(100%); text-align:center; position:relative; padding:230px 0 100px 0; bottom:00px;z-index:1 }
.main_section11 .img { float:left; width:100%; position:relative ;}
.main_section11 .img img:last-child {clear:both;  float:right;  }
.main_section11 h2 { font-size:50px; font-weight:500; color:rgba(0,0,0,0.9); line-height:0.8; text-align:center; margin:-150px 0 40px 0px }
.main_section11 h2 strong { font-size:90px; font-weight:700 }
.main_section11 h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 00px }
.main_section11 .text { text-align:left; margin:0 auto; padding-bottom:0px; width:1100px;}
.main_section11 .text p { font-size:28px; font-weight:400; color:rgba(0,0,0,0.9); line-height:1.4; margin:0 0 25px; text-align:center;/* padding-left:1.3em; text-indent:-1.3em;*/}
.main_section11 .text p strong { font-size:17px; font-weight:400; color:#e6201e}
.main_section11 .tit{ position:absolute; bottom:-15px; left:310px; width:254px; height:254px; display:table; background:#142e7b; z-index:-1}

.main_section11 .main_visual .slider { }
.main_section11 .main_visual .roll { background-size:cover; width:1200px; height:100%; background-position:center; margin-bottom:0px }
.main_section11 .main_visual .roll_video .black { position:absolute; width:100%; height:100% ; background:url(../img/visual_pattern.png); z-index:-1; }
.main_section11 .main_visual .roll_video video{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); min-width:100%; min-height:100%; z-index:-2; max-width:8000px !important; -webkit-transform: translate(-50%, -50%); }
.main_section11 .main_visual .slider h2 { line-height:1.3; margin:25vh 0 0 0; font-size:5em; font-weight:700; animation:up .5s .4s forwards; opacity:0 }

.main_section12 { position:relative; bottom:00px; padding:100px 0 100px 0; background:url(../img/jaon_function_bg.jpg) no-repeat center/cover ; background-size:100%; z-index:-1;}
.main_section12 h2 { font-size:50px;font-weight:500;letter-spacing:-0.1em;color:#333; padding-bottom:30px; text-align:center;}
.main_section12 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section12 h3 { font-size:28px; letter-spacing:-1px; font-weight:300; margin:0 0 00px ;text-align:center; }
.main_section12 ul { padding-top:0; text-align: center; display: table; margin: 30px 0;}
.main_section12 li { float: left; text-align:center; display:inline-block; padding:0.1em 20px; }
.main_section12 ul li div p { font-size:15px;font-weight:300;padding-top:00px;position:relative; margin-top:20px;letter-spacing:-0.09em;color:rgba(0,0,0,0.9);  }
.main_section12 ul li div span{position:absolute;left:0;top:0;font-size:14px;font-weight:300;color:rgba(0,0,0,0.9);}
.main_section12 img { margin:0 auto}

.main_section13 { position:relative; bottom:00px; padding:100px 0 100px 0; z-index:-1;/*border:1px solid red;*/}
.main_section13 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section13 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section13 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section13 .desc{ font-weight:300; margin: 25px auto 0; padding: 0 0px; word-break: keep-all; color: #3D3D3D; font-size: 16px; line-height: 22px; text-align: center;}
.main_section13 div { /*display: block; clear:*/   }
.main_section13 .box1 { float:left; width:500px;}
.main_section13 .box2 { float:right; width:700px;}
.main_section13 .box2 .content01 { width:100%; margin:30px 0 150px 0; }
.main_section13 .box2 .content01 strong { font-size:50px;font-weight:300;letter-spacing:-0.1em; }
.main_section13 .box2 .content01 li { font-size:30px;font-weight:300;letter-spacing:-0.1em; text-align:right;}
.main_section13 .box2 .content01 li space{ font-size:30px;font-weight:500;letter-spacing:0.1em; }
.main_section13 .box2 .content01 li arrow{ font-size:30px;font-weight:800;letter-spacing:0.1em; }
.main_section13 .box2 .content02 { width:100%; margin:30px 0; background-color:#171626; line-height:-0.1em;  }
.main_section13 .box2 .content03 { width:100%; margin:40px 0 0 0; }
.main_section13 span1 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4;text-align:right;  }
.main_section13 span2 {display: block; font-size:25px;font-weight:300;color:rgba(255,255,255,1.0); padding:15px 0;letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section13 span2_1 {display: block;font-size:25px;font-weight:300;color:rgba(255,255,255,1.0); padding:5px 0 15px 0 ;letter-spacing:-0.09em; line-height:1.1; text-align:center; }
.main_section13 span3 {float:left; width:100%; font-size:55px;font-weight:300; color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.01em; line-height:0.8; text-align:center; font-family:'July'; font-style:italic}
.main_section13 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); /*margin-top:10px;*/letter-spacing:-0.09em; text-align:right; font-style:italic}
.main_section13 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section13 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/

/* Flex */
.flex {
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.flex.flex-2, .flex.flex-3 {
  -moz-align-items: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.flex.flex-2.center, .flex.flex-3.center {
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flex.flex-2 .col {
  width: 48%;
}
.flex.flex-2 .col.col1 {
  width: 30%;
}
.flex.flex-2 .col.col2 {
  width: 66%;
}
@media screen and (max-width: 736px) {
  .flex.flex-2 .col.col1, .flex.flex-2 .col.col2 {
    width: 100%;
    margin-bottom: 2em;
  }
  .flex.flex-2 .col.col1 .image, .flex.flex-2 .col.col2 .image {
    max-width: 60%;
    margin: 0 auto 2em auto;
  }
}
.flex.flex-3 .col {
  width: 28%;
}
@media screen and (max-width: 736px) {
  .flex.flex-3 .col {
    width: 100%;
    margin-bottom: 2em;
  }
  .flex.flex-3 .col .image {
    max-width: 60%;
    margin: 0 auto 2em auto;
  }
}
.flex.flex-4 .col {
  width: 22%;
}
.flex.flex-tabs {
  -moz-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex.flex-tabs ul {
  width: 20%;
}
.flex.flex-tabs .tabs {
  width: 77%;
}
@media screen and (max-width: 980px) {
  .flex.flex-4 .col {
    width: 48%;
  }
  .flex.flex-tabs ul {
    width: 30%;
  }
  .flex.flex-tabs .tabs {
    width: 67%;
  }
  .flex.flex-tabs .flex-3 .col {
    width: 48%;
  }
}
@media screen and (max-width: 736px) {
  .flex.flex-2 .col, .flex.flex-3 .col, .flex.flex-4 .col {
    width: 100%;
    -moz-order: 2;
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .flex.flex-2 .col.first, .flex.flex-3 .col.first, .flex.flex-4 .col.first {
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .flex.flex-tabs {
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex.flex-tabs ul {
    width: 100%;
  }
  .flex.flex-tabs .tabs {
    width: 100%;
  }
  .flex.flex-tabs .flex-3 .col {
    width: 100%;
  }
}
/* Image */
.image {
  border: 0;
  display: inline-block;
  position: relative;
  box-shadow: 0px 0px 0px 7px #fff, 0px 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.image img {
  display: block;
}
.image.left, .image.right {
  max-width: 40%;
}
.image.left img, .image.right img {
  width: 100%;
}
.image.left {
  float: left;
  margin: 0 1.5em 1em 0;
  top: 0.25em;
}
.image.right {
  float: right;
  margin: 0 0 1em 1.5em;
  top: 0.25em;
}
.image.fit {
  display: block;
  margin: 0 0 2em 0;
  width: 100%;
}
.image.fit img {
  width: 100%;
}
.image.round {
  border-radius: 100%;
}
.image.round img {
  border-radius: 100%;
}
.image.main {
  display: block;
  margin: 0 0 3em 0;
  width: 100%;
}
.image.main img {
  width: 100%;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_section14 { position:relative; bottom:00px; padding:50px 0 50px 0; z-index:-1;/*border:1px solid red; */}
.main_section14 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;}
.main_section14 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section14 div { /*display: block; clear:*/  text-align:center;  }
.main_section14 video { width:600px; margin:0px 0; }
.main_section14 .box1 { float:left; width:50%;}
.main_section14 .box2 { float:right; width:50%; object-fit:cover;}
.main_section14 .box3 { display:inline-block; width:70%; margin:30px 0; font-size:17px;font-weight:300;color:rgba(0,0,0,0.9);letter-spacing:-0.09em; line-height:1.4;}
.main_section14 .box3 strong {font-size:17px;font-weight:400}
.main_section14 h3 { color:#e11f2e; }
.main_section14 span {display: inline-block; }
/*.main_section14 img {display:block; margin:0 auto }*/

.main_section15 { position:relative; bottom:00px; padding:50px 0 50px 0; z-index:-1;/*border:1px solid red; */}
.main_section15 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;}
.main_section15 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section15 div { /*display: block; clear:*/   }
/*.main_section15 video { width:590px; margin:0px 0; }*/
.main_section15 .box1 { float:left; width:590px;}
.main_section15 .box2 { float:right; width:590px;}
.main_section15 .box2 .content01 { width:100%; margin:20px 0; }
.main_section15 .box2 .content02 { width:100%; margin:40px 0; }
.main_section15 .box3 { display:inline-block; width:45%; text-align:center; font-size:17px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4;}
.main_section15 .box3 strong{ font-size:17px;font-weight:400;}
.main_section15 span {display: inline-block; }
/*.main_section15 img {display:block; margin:0 auto }*/

.main_section16 { position:relative; bottom:000px; background:url(../img/wm492697.jpg) no-repeat ; background-position: left; z-index:-1; margin:0 auto; width:1200px;height:300px; /*border:1px solid red;*/ }
.main_section16 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-bottom:60px; text-align:center;}
.main_section16 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section16 div { /*display: block; clear:*/  }
.main_section16 .box1 { }
.main_section16 .box2 { text-align:center; font-size:35px;font-weight:500;color:rgba(0,0,0,0.9); padding-top:50px; letter-spacing:-0.09em; line-height:1.4;}
.main_section16 .box3 { text-align:center; font-size:70px;font-weight:500;color:rgba(0,0,0,0.9); margin-top:30px;letter-spacing:-0.05em; line-height:1.4;}
.main_section16 .box3 strong{ font-size:17px;font-weight:400;}
.main_section16 .box3 span{ display: inline-block; font-size:70px; }
.main_section16 .box3 span.text { display: inline-block; font-size:28px; }
.main_section16 .box4 { text-align:center;  font-size:16px; }
.main_section16 .box4 span.text {ont-size:20px; letter-spacing:-0.08em;}
.main_section16 .box4 span.text thin { font-size:13px; font-weight:300;color:rgba(255,0,0,0.9);text-align:center;}
.main_section16 .box1 span{ display:inline-block; width:90%;font-size:17px; font-weight:300;color:rgba(0,0,0,0.9); margin-top:30px;letter-spacing:-0.09em; line-height:1.4;}
.main_section16 .box1 span strong{ font-size:17px;font-weight:400;}
.main_section16 .box2 h2 { font-size:44px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:68px; text-align:center;}
.main_section16 .box2 span{ display:inline-block;font-size:17px; font-weight:300;color:rgba(0,0,0,0.9); margin-top:30px;letter-spacing:-0.09em; line-height:1.4;}
.main_section16 .box2 span strong{ font-size:17px;font-weight:400;}
/*.main_section16 span {display: inline-block; width: 80%; }*/
/*.main_section16 img {display:block; margin:0 auto }*/

.main_section17 { position:relative; bottom:00px; padding:50px 0 50px 0; z-index:-1; text-align:center; /*border:1px solid blue;*/}
.main_section17 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-bottom:00px; text-align:center;}
.main_section17 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section17 h3 { font-size:20px;font-weight:400;letter-spacing:-0.1em;color:#333; padding-bottom:00px; text-align:center;}
.main_section17 div { /*display: block; clear:*/  text-align:center;  }
.main_section17 .black { position:absolute; top: 282px; width:100%; height:675px ; background:url(../img/visual_pattern.png); z-index:-1;margin-top:00px }
.main_section17 video {position:absolute; top: 420px; padding:450px 0 50px 0; transform: translate(-50%, -50%); width:1200px; z-index:-2;  !important; -webkit-transform: translate(-50%, -50%); }
.main_section17 .btn_area a { width:280px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:0px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section17 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section17 .box1 { }
.main_section17 .box2 { display:inline-block; width:90%; font-size:35px;font-weight:500;color:rgba(0,0,0,0.9); margin-top:30px;letter-spacing:-0.09em; line-height:1.4;}
.main_section17 .box3 { display:inline-block; width:100%; font-size:70px;font-weight:500;color:rgba(255,255,255,0.9); margin-top:150px;letter-spacing:-0.09em; line-height:1.4;}
.main_section17 .box3 strong{ font-size:17px;font-weight:400;}
.main_section17 .box3 span { display: inline-block; width: 32%; }
.main_section17 .box4 span { display: inline-block; width: 32%; font-size:28px; font-weight:300;color:rgba(255,255,255,0.9);text-align:center;}
/*.main_section17 img {display:block; margin:0 auto }*/

.main_section18 { position:relative; bottom:00px; height:400px;  padding:0px 0 00px 0; z-index:-1; background:url(../img/jaon_main_bg03.jpg) no-repeat center/cover; background-size:100%;}
.main_section18 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em; color:rgba(255,255,255,1.0); padding-top:00px; text-align:center;}
.main_section18 h2 strong { font-size:70px; font-weight:500; color:rgba(255,255,255,1.0);}
.main_section18 div { /*display: block; clear:*/   }
/*.main_section18 video { width:590px; margin:0px 0; }<img src="file:///F|/자온/server/theme/jaon/img/ba_section1_img1.png" alt=""/>*/
.main_section18 .box1 { float:left; width:600px;}
.main_section18 .box2 { float:right; width:600px;}
.main_section18 .box2 .content01 { width:100%; margin:20px 0; }
.main_section18 .box2 .content02 { width:100%; margin:40px 0; }
.main_section18 .box2 .content02 p { text-align:left; font-size:20px; font-weight:300; color:rgba(255,255,255,0.9); line-height:1.4; margin:30px 00px 0px 180px; }
.main_section18 .box3 { display:inline-block; width:45%; text-align:center}
.main_section18 span {display: inline-block;;text-align:right;  font-size:45px;font-weight:300;color:rgba(255,255,255,1.0); margin:-15px 0 0 200px;letter-spacing:-0.09em; line-height:1.4;}
.main_section18 .view_more{  float:right; margin: 30px 20px 0 0px;  text-align:center; width: 400px; height: 50px; border: 1px solid #fff; transition-duration: 0.3s; transition-timing-function: ease-in-out;}
.main_section18 .view_more a{line-height: 50px; color: #fff; text-align: center; font-size:17px; font-weight:400;;}
.main_section18 .view_more:hover{background: #fff;}
.main_section18 .view_more:hover a{color: #222;}


.main_section19 { position:relative; overflow:hidden; background:url(../img/main_jaon.jpg) no-repeat center ; background-size:cover; top:-000px; z-index:-1;height:300px; margin:50px 0 50px 0;/* border:1px solid blue;*/ }
/*.main_section02 .bg { width:100%; height:100%;  }*/
.main_section19 .img { float:left; width:55%; position:relative }
.main_section19 .img img:last-child { position:absolute; right:30px; top:300px }
.main_section19  h2 { font-size:25px; font-weight:500; color:rgba(255,255,255,0.9);  text-align:center;letter-spacing:-0.09em; line-height:1.3em; margin:100px 0 10px 0px; }
.main_section19  h2 strong { font-weight:500; color:rgba(0,0,0,0.9); }
.main_section19  h3 { font-size:28px; letter-spacing:-1px; font-weight:600; margin:0 0 30px }
.main_section19  p { font-size:50px; font-weight:200; color:rgba(255,255,255,0.9); text-align:center; letter-spacing:-0.09em;line-height:1.4; margin:0 0 20px 0px;}
.main_section19  p strong { font-weight:450; color:rgba(255,255,255,0.9); }
.main_section19 .btn_area a { width:144px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:19px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.main_section19 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.main_section19 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.main_section19 dl dd { font-weight:700; font-size:40px; line-height:1 }
.main_section19 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }

.main_section20 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section20 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;}
.main_section20 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section20 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section20 div { /*display: block; clear:*/   }
.main_section20 .box1 { float:left; width:700px;}
.main_section20 .box2 { float:right; width:500px;}
.main_section20 .box2 .content01 { width:100%; margin:130px 0 20px 50px; }
.main_section20 .box2 .content02 { width:100%; padding:0px 0 00px 50px; }
.main_section20 .box2 .content03 { width:100%; margin:40px 0; }
.main_section20 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section20 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section20 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section20 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section20 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section20 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/

.main_section21 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section21 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;}
.main_section21 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section21 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section21 div { /*display: block; clear:*/   }
.main_section21 .box1 { float:right; width:700px;}
.main_section21 .box2 { float:left; width:500px;}
.main_section21 .box2 .content01 { width:100%; margin:130px 50px 20px 0px; }
.main_section21 .box2 .content02 { width:100%; padding:0px 50px 00px 0px; }
.main_section21 .box2 .content03 { width:100%; margin:40px 0; }
.main_section21 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section21 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section21 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section21 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section21 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section21 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/

.main_section22 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section22 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section22 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section22 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section22 div { /*display: block; clear:*/   }
.main_section22 .box1 { float:left; width:700px;}
.main_section22 .box2 { float:right; width:500px;}
.main_section22 .box2 .content01 { width:100%; margin:100px 0 20px 50px; }
.main_section22 .box2 .content02 { width:100%; padding:0px 0 00px 50px; }
.main_section22 .box2 .content03 { width:100%; margin:40px 0; }
.main_section22 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section22 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section22 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section22 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section22 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section22 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/

.main_section23 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section23 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section23 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section23 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section23 div { /*display: block; clear:*/   }
.main_section23 .box1 { float:right; width:700px;}
.main_section23 .box2 { float:left; width:500px;}
.main_section23 .box2 .content01 { width:100%; margin:130px 50px 20px 0px; }
.main_section23 .box2 .content02 { width:100%; padding:0px 50px 00px 0px; }
.main_section23 .box2 .content03 { width:100%; margin:40px 0; }
.main_section23 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section23 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section23 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section23 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section23 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section23 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section24 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section24 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section24 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section24 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section24 div { /*display: block; clear:*/   }
.main_section24 .box1 { float:left; width:700px;}
.main_section24 .box2 { float:right; width:500px;}
.main_section24 .box2 .content01 { width:100%; margin:100px 0 20px 50px; }
.main_section24 .box2 .content02 { width:100%; padding:0px 0 00px 50px; }
.main_section24 .box2 .content03 { width:100%; margin:40px 0; }
.main_section24 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section24 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section24 .box2 .content02 span thin {display: block; font-size:15px;font-weight:300;color:#e11e2d; letter-spacing:-0.09em; line-height:1.2; text-align:left; margin:10px 0;}
.main_section24 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section24 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; }
.main_section24 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section24 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/

.main_section25 { position:relative; bottom:00px; padding:50px 0 5px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section25 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section25 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section25 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section25 div { /*display: block; clear:*/   }
.main_section25 .box1 { float:right; width:700px;}
.main_section25 .box2 { float:left; width:500px;}
.main_section25 .box2 .content01 { width:100%; margin:130px 50px 20px 0px; }
.main_section25 .box2 .content02 { width:100%; padding:0px 50px 00px 0px; }
.main_section25 .box2 .content03 { width:100%; margin:40px 0; }
.main_section25 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section25 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section25 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section25 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section25 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section25 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section26 { position:relative; bottom:00px; padding:00px 0 100px 0; z-index:-1;top:-000px/*border:1px solid red;*/ }
.main_section26 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section26 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section26 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section26 div { /*display: block; clear:*/   }
.main_section26 .box1 { float:left; width:700px;}
.main_section26 .box2 { float:right; width:500px;}
.main_section26 .box2 .content01 { width:100%; margin:50px 0 20px 50px; }
.main_section26 .box2 .content02 { width:100%; padding:0px 0 00px 50px; }
.main_section26 .box2 .content03 { width:100%; margin:40px 0; }
.main_section26 .box2 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left; margin:10px 0;}
.main_section26 .box2 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left; margin:10px 0;}
.main_section26 .box2 .content02 span indent {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left; text-indent: 0.5em;}
.main_section26 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section26 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section26 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section26 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
/*.main_section13 img {display:block; margin:0 auto }*/


/*.main_section27 { position:relative; bottom:00px; padding:130px 0 0px 0; z-index:-1;t op:-000px; border:1px solid red;}
.main_section27 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333;padding-bottom:60px; text-align:center;font-family:'July';}
.main_section27 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section27 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section27 div { /*display: block; clear:*/   }*/
/*.main_section27 .box1 { float:left; width:200px;}
.main_section27 .box2 { float:left; width:500px;}
.main_section27 .box3 { float:right; width:500px;}
.main_section27 .box2 .content01 { width:100%; margin:130px 0 20px 50px; }
.main_section27 .box2 .content02 { width:100%; padding:0px 0 00px 50px; }
.main_section27 .box2 .content03 { width:100%; margin:40px 0; }
.main_section27 .box3 .content01 span {display: block; font-size:30px;font-weight:500;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section27 .box3 .content02 span {display: block; font-size:22px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section27 span3 {display: block; font-size:50px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right;}
.main_section27 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right}
.main_section27 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section27 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}*/


.main_section27 { position:relative; bottom:00px; padding:0px 0 0px 0; z-index:-1; top:00px; /*border:1px solid blue;*/ }
.main_section27 h2 { font-size:70px;font-weight:300;letter-spacing:-0.1em;color:rgba(255,255,255,1.00);padding-bottom:0px; text-align:center;}
.main_section27 h2 strong { font-weight:500; color:rgba(255,255,255,1.00);}
.main_section27 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section27 div  { width:400px; padding:0 5px 0 0; background-color:rgba(226,31,46,1.00); }

.main_section28 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section28 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.main_section28 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section28 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section28 div { /*display: block; clear:*/   }
.main_section28 .box1 { float:left; width:48%;  }
.main_section28 .box1 .content01 { width:100%; margin:40px 0;}
.main_section28 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section28 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section28 .box2 { float:right; width:48%; }
.main_section28 .box2 .content01 { width:100%; margin:40px 0; }
.main_section28 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section28 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section28 .box3 { float:left; width:100%;}
.main_section28 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section28 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section28 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section28 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section28 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section28 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section28 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section28 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section29 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section29 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.main_section29 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section29 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section29 div { /*display: block; clear:*/   }
.main_section29 .box1 { float:left; width:48%;  }
.main_section29 .box1 .content01 { width:100%; margin:40px 0;}
.main_section29 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section29 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section29 .box2 { float:right; width:48%; }
.main_section29 .box2 .content01 { width:100%; margin:40px 0; }
.main_section29 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section29 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section29 .box3 { float:left; width:100%;}
.main_section29 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section29 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section29 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section29 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section29 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section29 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section29 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section29 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section30 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section30 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:40px 0; text-align:center;}
.main_section30 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section30 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section30 div { /*display: block; clear:*/   }
.main_section30 .box1 { float:left; width:100%; height:520px; background:url(../img/img_advan05.jpg) no-repeat center ; z-index:-1; }
.main_section30 .box1 .content01 { width:100%; margin:40px 0;}
.main_section30 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section30 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section30 .box2 { float:right; width:50%; }
.main_section30 .box2 .content01 { width:100%; margin:-200px 0; }
.main_section30 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section30 .box2 .content01 bold {font-size:24px;font-weight:500;color:#fc0f0f;}
.main_section30 .box3 { float:left; width:100%;}
.main_section30 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section30 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section30 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section30 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section30 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section30 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section30 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section30 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section31 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section31 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:40px 0; text-align:center;}
.main_section31 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section31 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section31 div { /*display: block; clear:*/   }
.main_section31 .box1 { float:left; width:100%; height:520px; background:url(../img/img_advan06.jpg) no-repeat center ; z-index:-1; }
.main_section31 .box1 .content01 { width:100%; margin:40px 0;}
.main_section31 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section31 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section31 .box2 { float:right; width:60%;}
.main_section31 .box2 .content01 { width:100%; margin:-200px 0; }
.main_section31 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); padding-right:30px; letter-spacing:-0.05em; line-height:1.4; text-align:left;}
.main_section31 .box2 .content01 bold {font-size:24px;font-weight:500;color:#fc0f0f;}
.main_section31 .box3 { float:left; width:100%;}
.main_section31 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section31 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section31 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section31 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section31 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section31 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section31 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section31 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section32 { position:relative; bottom:000px;  background:url(../img/main_effect_03_1.jpg) no-repeat ; background-position: center; z-index:-1; margin:0 auto; width:1200px;height:300px; /*border:1px solid red;*/ }
.main_section32 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-bottom:60px; text-align:center;}
.main_section32 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section32 div { /*display: block; clear:*/  }
.main_section32 .box1 { }
.main_section32 .box2 {text-align:center; width:100%; font-size:35px;font-weight:500;color:rgba(0,0,0,0.9);  padding-top:50px;letter-spacing:-0.09em; line-height:1.4;}
.main_section32 .box3 {text-align:center; width:100%; font-size:70px;font-weight:500;color:rgba(0,0,0,0.9); margin-top:30px;letter-spacing:-0.09em; line-height:1.4;}
.main_section32 .box3 strong{ font-size:17px;font-weight:400;}
.main_section32 .box3 span { display: inline-block; width: 32%; }
.main_section32 .box3 space{ padding:0 0 0 10px}
.main_section32 .box4 span { display: inline-block; width: 32%; font-size:28px; font-weight:300;color:rgba(0,0,0,0.9);text-align:center; margin:0 0 0 10px}
/*.main_section32 span {display: inline-block; width: 80%; }*/
/*.main_section32 img {display:block; margin:0 auto }*/

.main_section33 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section33 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.main_section33 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section33 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section33 div { /*display: block; clear:*/   }
.main_section33 .box1 { float:left; width:48%;  }
.main_section33 .box1 .content01 { width:100%; margin:40px 0;}
.main_section33 .box1 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section33 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.main_section33 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section33 .box2 { float:right; width:48%; }
.main_section33 .box2 .content01 { width:100%; margin:40px 0; }
.main_section33 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section33 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.main_section33 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.main_section33 .box3 { float:left; width:100%;}
.main_section33 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section33 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section33 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section33 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section33 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section33 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section33 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section33 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section34 { position:relative; bottom:00px; padding:00px 0 80px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section34 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:40px 0; text-align:center;}
.main_section34 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section34 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section34 div { /*display: block; clear:*/   }
.main_section34 .box1 { float:left; width:100%; height:700px; background:url(../img/img_advan09.jpg) no-repeat center ; z-index:-1; }
.main_section34 .box1 .content01 { width:100%; margin:40px 0;}
.main_section34 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section34 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section34 .box2 { float:right; width:100%;}
.main_section34 .box2 .content01 { width:100%; margin:-200px 0; }
.main_section34 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); padding:0px 80px; letter-spacing:-0.05em; line-height:1.4; text-align:center;}
.main_section34 .box2 .content01 bold {font-size:24px;font-weight:500; color:#fc0f0f;}
.main_section34 .box3 { float:left; width:100%;}
.main_section34 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section34 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section34 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section34 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section34 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section34 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section34 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section34 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section35 { position:relative; padding:0px;  background:url(../img/main_effect_08.jpg) no-repeat ; background-position: top right; z-index:-1; background-size: 100%; margin:0 auto; width:1200px;height:500px; /*border:1px solid red;*/ }
.main_section35 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em; color:rgba(0,0,0,0.9); padding-bottom:60px; text-align:center;}
.main_section35 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section35 div { /*display: block; clear:*/  }
.main_section35 .box1 { }
.main_section35 .box2 {text-align:left; width:100%; font-size:35px;font-weight:500; color:rgba(255,255,255,0.9); padding:130px 0 50px 250px; letter-spacing:-0.09em; line-height:1.4;}
.main_section35 .box3 {text-align:left; width:100%; font-size:70px;font-weight:500; color:rgba(255,255,255,0.9); padding:0px 0 0 100px; letter-spacing:-0.09em; line-height:1.4;}
.main_section35 .box3 strong{ font-size:17px;font-weight:400;}
.main_section35 .box3 span { display: inline-block; width: 25%; }
.main_section35 .box3 space{ padding:0 0 0 60px}
.main_section35 .box4 span { display: inline-block; width: 300px; font-size:28px; font-weight:300; color:rgba(255,255,255,0.9); text-align:left; padding:0 0 0 120px}

.main_section36 { position:relative; bottom:00px; padding:0px 0 0px 0; z-index:-1; top:-000px/*border:1px solid red;*/ }
.main_section36 h2 { font-size:50px;font-weight:300;letter-spacing:-0.1em;color:rgba(255,255,255,1.00);padding-bottom:0px; text-align:center;}
.main_section36 h2 strong { font-weight:500; color:rgba(255,255,255,1.00);}
.main_section36 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section36 div  { width:400px; padding:0 5px 0 0; background-color:rgba(226,31,46,1.00);}

.main_section37 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section37 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;; }
.main_section37 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section37 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section37 div { /*display: block; clear:*/   }
.main_section37 .box1 { float:left; width:100%;  }
.main_section37 .box1 .content01 { width:100%; margin:40px 0;}
.main_section37 .box1 .content01 span {display: block; font-size:24px;font-weight:400;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section37 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.main_section37 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section37 .box2 { float:right; width:48%; }
.main_section37 .box2 .content01 { width:100%; margin:40px 0; }
.main_section37 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section37 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.main_section37 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.main_section37 .box3 { float:left; width:100%;}
.main_section37 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section37 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section37 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section37 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section37 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section37 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section37 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section37 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section38 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section38 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:0px 0 30px 0; text-align:center;}
.main_section38 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section38 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section38 div { /*display: block; clear:*/   }
.main_section38 .box1 { float:left; width:100%; height:520px; background:url(../img/img_effict_02.jpg) no-repeat center ; z-index:-1; }
.main_section38 .box1 .content01 { width:100%; margin:40px 0;}
.main_section38 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section38 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section38 .box2 { float:left; width:60%;}
.main_section38 .box2 .content01 { width:100%; margin:-200px 80px; }
.main_section38 .box2 .content01 span {display: block; font-size:24px;font-weight:400;color:rgba(0,0,0,0.9); padding-right:30px; letter-spacing:-0.05em; line-height:1.2; text-align:left;}
.main_section38 .box2 .content01 bold {font-size:24px;font-weight:500;color:#fc0f0f;}
.main_section38 .box3 { float:left; width:100%;}
.main_section38 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section38 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section38 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section38 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section38 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section38 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section38 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section38 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section39 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section39 h2 { font-size:35px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center; }
.main_section39 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section39 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section39 div { /*display: block; clear:*/   }
.main_section39 .box1 { float:left; width:48%;  }
.main_section39 .box1 .content01 { width:100%; margin:40px 0;}
.main_section39 .box1 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section39 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.main_section39 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section39 .box2 { float:right; width:48%; }
.main_section39 .box2 .content01 { width:100%; margin:40px 0; }
.main_section39 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section39 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.main_section39 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.main_section39 .box3 { float:left; width:100%;}
.main_section39 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section39 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section39 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section39 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section39 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section39 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section39 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section39 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section40 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section40 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:0px; text-align:center;}
.main_section40 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section40 h2 arrow{ font-size:40px;font-weight:900;}
/*.main_section40 h3  { font-size:20px;font-weight:400;letter-spacing:-0.1em;color:#333; padding-bottom:00px; text-align:center;}*/
.main_section40 div { /*display: block; clear:*/   }
.main_section40 .box1 { float:left; width:100%;  }
.main_section40 .box1 .content01 { width:100%; margin:40px 0;}
.main_section40 .box1 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section40 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.main_section40 .box1 .content01 small {font-size:15px;font-weight:300;color:#fc0f0f;}
.main_section40 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section40 .box2 { float:right; width:48%; }
.main_section40 .box2 .content01 { width:100%; margin:40px 0; }
.main_section40 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section40 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.main_section40 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.main_section40 .box3 { float:left; width:100%;}
.main_section40 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section40 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section40 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section40 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section40 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section40 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section40 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section40 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section41 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section41 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding:0px 0 00px 0; text-align:center;}
.main_section41 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section41 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section41 div { /*display: block; clear:*/   }
.main_section41 .box1 { float:left; width:100%; height:520px; background:url(../img/img_effict_06.jpg) no-repeat center ; z-index:-1; }
.main_section41 .box1 .content01 { width:100%; margin:30px 0;}
.main_section41 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section41 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section41 .box2 { float:right; width:55%;}
.main_section41 .box2 .content01 { width:100%; margin:-250px 0; }
.main_section41 .box2 .content01 span {display: block; font-size:24px;font-weight:400;color:rgba(0,0,0,0.9); padding-right:30px; letter-spacing:-0.05em; line-height:1.2; text-align:left;}
.main_section41 .box2 .content01 ul li small {font-size:15px;font-weight:400;color:rgba(0,0,0,0.9);}
.main_section41 .box3 { float:left; width:100%;}
.main_section41 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section41 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section41 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section41 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section41 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section41 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section41 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section41 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.main_section42 { position:relative; bottom:00px; padding:0px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.main_section42 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:150px; text-align:center; }
.main_section42 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section42 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.main_section42 div { /*display: block; clear:*/   }
.main_section42 .box1 { float:left; width:48%; }
.main_section42 .box1 .content01 { width:100%; margin:0px 0 0 0 ;}
.main_section42 .box1 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section42 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.main_section42 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section42 .box2 { float:right; width:50%; }
.main_section42 .box2 .content01 { width:100%; margin:00px 0 0 0; }
.main_section42 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.main_section42 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.main_section42 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.main_section42 .box3 { float:left; width:100%;}
.main_section42 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.main_section42 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.main_section42 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.main_section42 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.main_section42 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.main_section42 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.main_section42 .w100 {position:relative; width:100%; box-sizing: border-box;}
.main_section42 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}



/*.main_section32 span {display: inline-block; width: 80%; }*/
/*.main_section32 img {display:block; margin:0 auto }*/

/*.main_section29 { position:relative; bottom:00px; padding:00px 0 00px 0; z-index:-1; top:-000px; border:1px solid red;}
.main_section29 h2 { font-size:30px; font-weight:400;letter-spacing:-0.1em;color:rgba(0,0,0,1.0); padding:30px 0 30px 70px; text-align:left; background:url(../img/main_effect_05_1.png) no-repeat left ;  }
.main_section29 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section29 h3  { font-size:22px; font-weight:350; text-align:left; margin:-20px 0 00px 70px; color:rgba(0,0,0,1.0);}
.main_section29 div  { width:1200px; padding:0 5px 0 0; background-color:rgba(180,180,180,1.00);}
.main_section29 p { }*/

/*.main_section30 { position:relative; bottom:00px; padding:00px 0 00px 0; z-index:-1; top:-000px;border:1px solid red;}
.main_section30 h2 { font-size:30px; font-weight:400;letter-spacing:-0.1em;color:rgba(0,0,0,1.0); padding:30px 0 30px 70px; text-align:left; background:url(../img/main_effect_06_1.png) no-repeat left ;  }
.main_section30 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section30 h3  { font-size:22px; font-weight:350; text-align:left; margin:-20px 0 00px 70px; color:rgba(0,0,0,1.0);}
.main_section30 div  { width:1200px; padding:0 5px 0 0; background-color:rgba(180,180,180,1.00);}
.main_section30 p { }*/

/*.main_section31 { position:relative; bottom:00px; padding:00px 0 50px 0; z-index:-1; top:-000px;border:1
px solid red;}
.main_section31 h2 { font-size:30px; font-weight:400;letter-spacing:-0.1em;color:rgba(0,0,0,1.0);padding:30px 0 30px 70px; text-align:left; background:url(../img/main_effect_07_1.png) no-repeat left ;  }
.main_section31 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.main_section31 h3  { font-size:22px; font-weight:350; text-align:left; margin:-20px 0 00px 70px; color:rgba(0,0,0,1.0);}
.main_section31 div  { width:1200px; padding:0 5px 0 0; background-color:rgba(180,180,180,1.00);}
.main_section31 p { }*/

.main_product { background:#f0f0f0; padding:80px 0 }
.main_product h2 { text-align:center; line-height:1; font-size:40px; font-weight:300; text-transform:uppercase; letter-spacing:-1px; margin:0 0 30px; }
.main_product .tab_menu { text-align:center }
.main_product .tab_con { margin-top:40px }
.main_product .lt_more { display:none }
.main_product .prd_slider > div { width:calc(100%/4) !important }
.main_product .tab_menu p { padding: 5px 25px; font-size: .9rem; border-left:1px solid #ccc; border-right:1px solid #ccc; display: inline-block}

.pic_lt { position:relative; margin:0; padding:0 10px; background:transparent }
.pic_lt .touchslider { position:relative; overflow:hidden; min-height:302px !important }
.pic_lt li { padding:0; border:1px solid #ddd; background:#fff }
.pic_lt li:before { content:""; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0); position:absolute; width:100%; height:100%; z-index:-1; transition:all .3s }
.pic_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }
.pic_lt li .lt_img { position:relative; background:#ddd }
.pic_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em }
.pic_lt .lat_title { display:none }
.pic_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 }
.pic_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) }
.pic_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px }
.pic_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% }
.pic_lt li .lt_img { margin:0; }
.pic_lt .lt_info { display:none }

.main_bbs { background:#fff; padding:100px 0 50px 0 }
.main_bbs section { float:left; width:calc(100%/4 - 15.7px); margin:0 10px; position:relative; }
/*.main_bbs section { float:left; width:calc(100%/4 - 26.7px); margin:0 17px; position:relative; }*/
.main_bbs section:first-child { margin-left:0 }
.main_bbs section:last-child { margin-right:0 }

.lat .lat_title { font-size:1.4em; line-height:1; font-weight:600; margin:0 0 15px; min-height:19px }
.lat li { position:relative; border-top:1px solid #e0e0e0; border-bottom:0; margin:0; padding:10px 3px;  }
.lat li .catg { font-weight:400; font-size:.95em; color:#ba7c45; vertical-align:1px; margin:0 3px 0 0 }
.lat li:after { content:""; display:block; clear:both }
.lat li .f_left { width:calc(100% - 50px)}
.lat li:first-child { border-top:1px solid #000 }
.lat li a { font-weight:370; font-size:1.2em; width:calc(100% - 60px); }
.lat li a:hover { color:#3170bf }
.lat li .fa {display:inline-block;line-height:18px; height:18px;width:18px;color:#fff;background:#333;text-align:center;border-radius:2px;font-size:14px;}
.lat li .qnaIco2 .fa { background:#2962d5; }
.lat li .qnaIco3 .fa { background:#ccc; }
.lt_info { float:right; width:50px; text-align:right; padding:0 }
.lt_info .lt_nick { display:none}
.lt_info .lt_date {color:#888}
.lat .lt_more { position:absolute; top:0; right:0; text-indent:-9000px; font-size:0; background:url(../img/btn_more_b.png) no-repeat center; width:20px; height:20px; display:block }
.lat .lt_more:hover { transform:rotate(-90deg) }

.main_gallery { position:relative; background:#fff; }
.main_gallery h2 { text-align:center; line-height:1; font-size:34px; font-weight:700; text-transform:uppercase; letter-spacing:-1px; margin:0 0 30px; position:absolute; width:100%; top:80px; color:#fff; z-index:20; text-shadow:0 0 10px rgba(0,0,0,0.2) }
.main_gallery .fotorama__nav-wrap, .main_gallery p.empty { position:absolute; width:100%; top:150px; text-align:center }
.main_gallery .fotorama__nav__shaft { background:#fff; border:3px solid #fff; border-top-width:1px; border-bottom-width:1px }

.root_daum_roughmap { width:100% !important; border:0 !important; padding:0 !important }
.root_daum_roughmap .wrap_map { width:100%; height:440px !important }

#sub_visual { height:380px; position:relative; background-position:center; background-size:cover; background-color:#000; z-index:-1 }
#sub_visual h2 { text-align:center; font-size:3.5em; color:#fff; padding:170px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0; font-weight:600 }
#sub_visual h2:after { height:2px; width:60px; background:#fff; position:absolute; left:50%; bottom:-20px; margin-left:-30px; content:""; animation:scale .5s .5s forwards; opacity:0 }

#snb { border-bottom:1px solid #e4e4e4 }
#snb .depth1 { margin:0 0 0 1px }
#snb .depth1 > li { width:calc(100%/3 + .9px); margin:0 0 0 -1px; float:left; border:1px solid #e4e4e4; border-top:0; border-bottom:0; height:60px; line-height:60px; font-weight:500; font-size:1.2em; padding:0 20px; position:relative; color:#bbb; background:#f6f6f6 }
#snb .depth1 > li > a { display:block; color:#bbb }
#snb .depth1 > li .arrow { position:absolute; right:20px; top:0; font-size:14px; }
#snb .depth1 > li .arrow.on { font-size:1.3em }
#snb .depth1 > li:nth-child(3) { color:#222; background:#fff; cursor:pointer }
#snb .depth1 > li.last { background:#fff; color:#222 }
#snb .depth1 ul { position:absolute; width:calc(100% + 2px); background:#fff; border:1px solid #ddd; left:-1px; z-index:20; display:none }
#snb .depth1 ul li a { height:50px; line-height:50px; font-size:0.9em; color:#888; padding-left:20px; font-weight:400; border-top:1px solid #e0e0e0; display:block }
#snb .depth1 ul li:hover a { background:#f6f6f6 }
#snb .depth1 ul li.on a { background:#f0f0f0; color:#222 }
#snb .depth1 ul li:first-child a { border:0 }

#contents { margin:65px 0 0 0;}
#contents p { word-break:keep-all }

.container_title { font-size:2.8em; line-height:1; font-weight:500; margin:100px 0 0px 0; text-align:center; position:relative; padding-top:80px }
.container_title:before { content:""; width:46px; height:3px; background:#222; position:absolute; top:0; left:50%; margin-left:-23px }



.clearfix {*zoom: 1} 
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0;} 
.clearfix:after {clear:both;} 
.ell{-webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 72px;}


/*********** 서브 페이지 *************/
#container_title{display: none;}
section {display:block;}
.sub_sec{ padding: 50px 0 0px;}


.m00{position:relative; padding:60px 0 150px; box-sizing:border-box;}
.m00:after{display:block; content:""; clear:both;}
.m00 .inner{width:1260px; margin:0 auto;}
.m00 .pcbr{display:block;}
.m00 .tmbr{display:none;}
.m00 .con{position:relative; top:0; left:0;}
.m00 .con:after{display:block; content:""; clear:both;}
.m00 .sub_page_title{margin-bottom:85px;}
.m00 .sub_page_title .sub_main_tit:before{display:block; content:""; position:relative; margin:0 auto; width:1px; height:38px; background:#666666; margin-bottom:35px;}
.m00 .sub_page_title .sub_main_tit{font-size:44px;font-weight:700;text-align:center;font-family: 'Noto Sans KR', sans-serif;letter-spacing:1px;}
.m00 .sub_page_title .sub_text { font-size: 12px;font-weight: 500; text-align: center;font-family: 'Montserrat';letter-spacing: 1px;}
.m00 .sub_page_title .sub_main_txt{font-size:16px; color:#777; font-weight:500; text-align:center; margin-top:10px; letter-spacing:-1px;}
.m00 .con .txt_type1{font-weight:500; font-size:16px; word-break:keep-all;}
.m00 .con .txt_type2{color:#777777; font-size:16px; word-break:keep-all;}
.m00 .con .txt_type3{color:#142e7b; line-height:36px; margin-left:-105px; font-size:22px;font-style: italic;font-weight: 500; word-break:keep-all;}

.m10 .con .txt_box p.txt{font-size:16px;line-height: 29px; margin-bottom:30px; letter-spacing:-0.5px; word-break:keep-all;}

.m11 .txt_box{position:relative;margin-left: 170px; float:left;}
.m11 .txt_box .tit:before{content:"";position: absolute;top: 44px;left: -170px;width:135px;height:3px;background:#142e7b;}
.m11 .txt_box .tit{position: relative;font-size:70px;font-weight:600; margin-bottom: 50px;}
.m11 .txt_box .txt{font-size:16px;line-height: 29px; letter-spacing:-1px;}
.m11 .con{margin-bottom:120px;}
.m11>div:last-child{margin-bottom:0;}
.m11 .img{width: 53%;float:left;}
.m11 .img2{width: 46%;float:left;}
.m11 .img img{width:100%;}
.m11 .con1 .txt_box,.m11 .con4 .txt_box{top:100px; left:-100px;}
.m11 .con2{background:url(../img/m11_item_01_1.png)no-repeat top 310px left 118px;}
.m11 .con3{background:url(../img/m11_item_02.png)no-repeat top 50px right 170px; padding-bottom:15px;}



/*.m15 img:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
} 

.m15 img {
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
}
*/

.m15 .con{width:83%; margin-top: 0px}
.m15 .con1{float:right; /*margin-bottom:100px;*/}
.m15 .con2{float:left; margin-bottom:100px;}
.m15 .con2 .list{float:right;}
.m15 .con .img{width:100%; height:350px; background:url(../img/m15_con1_img.jpg) no-repeat; background-size:100%; z-index:-1;}
.m15 .con .img img{width:100%;}
.m15 .con2 .img{width:100%; height:350px; background:url(../img/m15_con2_img.jpg) no-repeat; background-size:100%; z-index:-1;}
.m15 .con .list{margin-top:50px; width: 79.5%;}
.m15 .con .list ul:after{display:block; content:""; clear:both;}
.m15 .con .list li{float:left;width: 49%; margin-bottom:40px;}
.m15 .con .list li:nth-child(3)  { clear: left; }
.m15 .con .list li:nth-child(5)  { clear: left; }
.m15 .con .list li:nth-child(7)  { clear: left; }
.m15 .con .list li:nth-child(odd){margin-right: 1%;}
.m15 .con .list li:nth-child(even){margin-left: 1%;}
.m15 .con .list li .con_item{border: 1px solid #ddd; height: 198px; display: table; width: 100%; box-sizing: border-box;}
.m15 .con .list li .con_item p{ display: table-cell; vertical-align: middle;}
.m15 .con .list li .con_item p img{margin: 0 auto; display: block;}
.m15 .con .list li .con_txt h2 {word-break:keep-all; margin-top:10px; padding-left:30px; font-size:22px; font-weight:500; color:#333; letter-spacing:-1px;}
.m15 .con .list li .con_txt p{word-break:keep-all; margin-top:10px; padding-left:30px; font-size:16px; color:#777777; letter-spacing:-1px; line-height:23px;background:url(../img/m15_arr.png)no-repeat left 12px top 4px; }
.m15 .con .tit{position:relative; line-height:1em; height:140px; font-size:50px; color:rgba(0,0,0,1.0); font-weight:500;}
.m15 .con1 .tit{margin:-130px 0 0 70px; border-left:4px solid #e11e2d; padding-left:30px;}
.m15 .con2 .tit{margin:-130px 70px 0 0px; border-right:4px solid #e11e2d; text-align:right;  padding-right:30px;}

.m20 .con{width: 77.5%;}
.m20 .con1{float:right; margin-bottom:100px;}
.m20 .con1 .tit{font-size:50px;font-family:'Montserrat';color:#fff; font-weight:600;margin: -12% 0 300px 50px;letter-spacing:-1px;line-height: normal;}
.m20 .con2{float:left;}
.m20 .con2 .list{float:right;}
.m20 .con .img{width:100%;}
.m20 .con .tit_img{width:100%;}
.m20 .con .img img{width:100%;}
.m20 .con .tit_img img{width:100%;}
.m20 .con .txt_box{width:71.5%; color:#000;font-size:16px;line-height: 29px;}
.m20 .con .txt_box p{margin-top:65px; letter-spacing:-0.5px; word-break:keep-all;}
.m20 .con2 .txt_box{float:right;}
.m20 .con .txt_box .img{margin-top:70px;}
.m20 .con .txt_type1{font-weight:500; font-size:18px; word-break:keep-all;}
.m20 .con .txt_type2{color:#777777; font-size:16px; word-break:keep-all;}
.m20 .con .txt_type3{color:#142e7b; line-height:36px; margin-left:-105px; font-size:22px;font-style: italic;font-weight: 500; word-break:keep-all;}
.m20 .con .txt_box .txt_type2{margin-top:30px;}
.m20 .con .txt_box .txt_type3{padding-bottom:40px;}
.m20 .con .txt_box p:last-child{margin-top:30px;}

.m213 {background:url(../img/remote_bg.pngg) no-repeat; background-attachment: scroll; background-position:0px 300px 500px -300px; }

.m24 .con .txt_box p:nth-child(2),.m24 .con .txt_box p:last-child,
.m24 .con2 .img {opacity:0; -webkit-transform: translateX(-40px);  transform: translateX(-40px);}
.m24 .con2 .img.in-view{opacity:1; -webkit-transform: translateX(0px);  transform: translateX(0px); transition:.9s 0.3s;}
.m31 .con {width:1260px; margin:0 auto;}
.m31 .con .tit_img{position:relative; width:100%; height:480px;}
.m31 .con .tit_img img{display:block; width:95%;}
.m31 .con .tit_img .tit{position:absolute; bottom: 0px; right:0; width:254px; height:254px; display:table; background:#e11e2d; }
.m31 .con .tit_img .tit p{display:table-cell;text-align:center;color:#fff;font-size:20px;font-family:'Montserrat';vertical-align: middle;line-height: 28px;}
.m31 .con .con_box {background:url(../img/m31_img2.png)no-repeat top 320px right; margin-top:60px;}
.m31 .con .con_box:after {display:block; content:""; clear:both;}
.m31 .con .con_box .w100 {position:relative;width:100%;margin-bottom:100px;padding-left:175px;box-sizing: border-box;}
.m31 .con .con_box .w100:before {position:absolute; top:25px; left:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}
.m31 .con .con_box .area_l,.m31 .con .con_box .area_r{float:left;width:50%;}
.m31 .con .con_box .area_r{padding:240px 0 0 30px; box-sizing:border-box;}
.m31 .con .con_box .tit{font-size:70px; font-weight:600; line-height:70px; margin-bottom:40px; letter-spacing:-1px;}
.m31 .con .con_box .w100 .txt{width: 51%;}
.m31 .con .con_box .area_r .txt{width:90%;}
.m31 .con .con_box .txt{margin-bottom:30px; }

.sub_section07 { position:relative; bottom:00px; padding:0px 0 70px 0; }
.sub_section07 .img_bar01 { position: absolute; width:100%; right: 50%; transform: translateX(600px);  background:url(../img/m15_con2_img.jpg) no-repeat center; background-size:cover; height:300px; margin:-100px 0 00px 0; padding:50px 0 /*border:1px solid blue;*/}
.sub_section07 .img { float:left; width:55%; position:relative;  }
.sub_section07 .img img:last-child { position:absolute; right:30px; top:300px }
/*.sub_section07 .con_item{ border: 2px; height: 100px; border-right:4px solid #e11e2d;  text-align:right;  padding-right:-100px;  }*/
.sub_section07  h2 { font-size:70px; font-weight:300; color:rgba(255,255,255,0.9); letter-spacing:-0.01em; line-height:1.3em; text-align:center; margin:140px 0px 0px 0px; }
.sub_section07  h2 strong { font-weight:500; color:rgba(0,0,0,0.9); }
.sub_section07  h3 { font-size:30px; letter-spacing:-1px; font-weight:300; margin:00px 0px 10px 0px;  }
.sub_section07  h4 { font-size:24px; letter-spacing:-1px; font-weight:300; margin:00px 0px 20px 0px;  }
.sub_section07  p { font-size:50px; font-weight:200; color:rgba(255,255,255,0.9); text-align:center; letter-spacing:-0.09em;line-height:1.4; margin:0 0 20px 0px;}
.sub_section07  p strong { font-weight:450; color:rgba(255,255,255,0.9); }
.sub_section07 .btn_area a { width:144px; height:38px; line-height:36px; text-align:center; display:inline-block; border-radius:19px; background:transparent; font-size:18px; border:1px solid #666; margin:15px 10px 0 0  }
.sub_section07 .btn_area a:hover { background:#333; color:#fff; border-color:#333 }
.sub_section07 dl dt { font-size:24px; font-weight:700; margin:60px 0 10px 0; line-height:1 }
.sub_section07 dl dd { font-weight:700; font-size:40px; line-height:1 }
.sub_section07 dl dd small { font-size:20px; margin:0 0 0 5px; display:inline-block; vertical-align:3px }
.sub_section07 .box1 { float:left; width:48%; margin: 200px 0 40px 0;}
.sub_section07 .box1 .content01 { margin:0px 0 0 0 ;}
.sub_section07 .box1 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.03em; line-height:1.1; text-align:center;}
.sub_section07 .box1 .content01 span1 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.sub_section07 .box1 .content01 bold {font-size:50px;font-weight:300; color:#fc0f0f; font-style: italic;}
.sub_section07 .box1 .content02 { width:48%; margin:0px 0 00px 00px; }
.sub_section07 .box2 { float:right; width:48%; margin: 200px 0 40px 0; }
.sub_section07 .box2 .content01 { margin:00px 0 0 0; }
.sub_section07 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.03em; line-height:1.1; text-align:center;}
.sub_section07 .box2 .content01 span2 {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.sub_section07 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.sub_section07 .box3 { float:left; width:48%; margin: 30px 0 30px 0; }
.sub_section07 .box3 .content01 { margin:0px 0 0px 0px; }
.sub_section07 .box3 .content02 { margin:0px 0 00px 00px; }
.sub_section07 .box3 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07 .box4 { float:right; width:48%; margin: 30px 0 30px 0; }
.sub_section07 .box4 .content01 { width:100%; margin:0px 0 0 0 ;}
.sub_section07 .box4 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07 .box4 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sub_section07 .box5 { float:left; width:48%; margin: 50px 0 30px 0; }
.sub_section07 .box5 .content01 { width:100%; margin:0px 0 0 0 ;}
.sub_section07 .box5 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07 .box5 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sub_section07 .box6 { float:right; width:48%; margin: 30px 0 30px 0; }
.sub_section07 .box6 .content01 { width:100%; margin:0px 0 0 0 ;}
.sub_section07 .box6 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:20px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07 .box6 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}

.sub_section07_1 { position:relative; bottom:00px; padding:0px 0 0px 0; z-index:-1; top:00px; /*border:1px solid blue;*/ }
.sub_section07_1 .img_bar02 { position: absolute; width:100%; left: 50%; transform: translateX(-600px);  background:url("../img/m15_con1_img.jpg") no-repeat center; background-size:cover; height:300px; margin:000px 0 50px 0;/* border:1px solid blue;*/ }
.sub_section07_1 h2 { font-size:70px;font-weight:300;letter-spacing:-0.01em;color:rgba(0,0,0,1.00); padding-top:100px; text-align:center;}
.sub_section07_1 h2 strong { font-weight:500; color:rgba(255,255,255,1.00);}
.sub_section07_1 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
/*.sub_section07_1 div  { width:400px; padding:0 5px 0 0; background-color:rgba(226,31,46,1.00);opacity: 0.5; }*/

.sub_section07_2 { position:relative; bottom:00px; padding:100px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_2 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.sub_section07_2 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_2 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_2 div { /*display: block; clear:*/   }
.sub_section07_2 .box1 { float:left; width:48%;  }
.sub_section07_2 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_2 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_2 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_2 .box2 { float:right; width:48%; }
.sub_section07_2 .box2 .content01 { width:100%; margin:40px 0; }
.sub_section07_2 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_2 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_2 .box3 { float:left; width:100%;}
.sub_section07_2 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_2 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_2 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_2 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_2 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_2 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_2 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_2 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section07_3 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_3 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.sub_section07_3 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_3 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_3 div { /*display: block; clear:*/   }
.sub_section07_3 .box1 { float:left; width:48%;  }
.sub_section07_3 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_3 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_3 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_3 .box2 { float:right; width:48%; }
.sub_section07_3 .box2 .content01 { width:100%; margin:40px 0; }
.sub_section07_3 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_3 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_3 .box3 { float:left; width:100%;}
.sub_section07_3 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_3 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_3 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_3 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_3 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_3 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_3 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_3 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section07_4 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_4 h2 { font-size:40px;font-weight:300;letter-spacing:-0.05em;color:#333; padding:40px 0; text-align:center;}
.sub_section07_4 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_4 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_4 div { /*display: block; clear:*/   }
.sub_section07_4 .box1 { float:left; width:100%; height:520px; background:url(../img/img_advan05.jpg) no-repeat center ; z-index:-1; }
.sub_section07_4 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_4 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_4 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_4 .box2 { float:right; width:50%; }
.sub_section07_4 .box2 .content01 { width:100%; margin:-200px 0; }
.sub_section07_4 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_4 .box2 .content01 bold {font-size:24px;font-weight:500;color:#fc0f0f;}
.sub_section07_4 .box3 { float:left; width:100%;}
.sub_section07_4 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_4 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_4 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_4 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_4 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_4 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_4 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_4 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section07_5 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_5 h2 { font-size:40px;font-weight:300;letter-spacing:-0.05em;color:#333; padding:40px 0; text-align:center;}
.sub_section07_5 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_5 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_5 div { /*display: block; clear:*/   }
.sub_section07_5 .box1 { float:left; width:100%; height:520px; background:url(../img/img_advan06.jpg) no-repeat center ; z-index:-1; }
.sub_section07_5 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_5 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_5 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_5 .box2 { float:right; width:60%;}
.sub_section07_5 .box2 .content01 { width:100%; margin:-200px 0; }
.sub_section07_5 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); padding-right:30px; letter-spacing:-0.05em; line-height:1.4; text-align:left;}
.sub_section07_5 .box2 .content01 bold {font-size:24px;font-weight:500;color:#fc0f0f;}
.sub_section07_5 .box3 { float:left; width:100%;}
.sub_section07_5 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_5 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_5 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_5 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_5 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_5 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_5 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_5 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section07_6 { position:relative; bottom:00px; padding:50px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_6 h2 { font-size:40px;font-weight:300;letter-spacing:-0.05em;color:#333; padding-top:40px; text-align:center;}
.sub_section07_6 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_6 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_6 div { /*display: block; clear:*/   }
.sub_section07_6 .box1 { float:left; width:48%;  }
.sub_section07_6 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_6 .box1 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07_6 .box1 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sub_section07_6 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_6 .box2 { float:right; width:48%; }
.sub_section07_6 .box2 .content01 { width:100%; margin:40px 0; }
.sub_section07_6 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section07_6 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.sub_section07_6 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.sub_section07_6 .box3 { float:left; width:100%;}
.sub_section07_6 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_6 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_6 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_6 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_6 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_6 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_6 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_6 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section07_7 { position:relative; bottom:00px; padding:00px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.sub_section07_7 h2 { font-size:40px;font-weight:300;letter-spacing:-0.05em;color:#333; padding:40px 0; text-align:center;}
.sub_section07_7 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section07_7 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section07_7 div { /*display: block; clear:*/   }
.sub_section07_7 .box1 { float:left; width:100%; height:700px; background:url(../img/img_advan09.jpg) no-repeat center ; z-index:-1; }
.sub_section07_7 .box1 .content01 { width:100%; margin:40px 0;}
.sub_section07_7 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_7 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_7 .box2 { float:right; width:100%;}
.sub_section07_7 .box2 .content01 { width:100%; margin:-200px 0; }
.sub_section07_7 .box2 .content01 span {display: block; font-size:24px;font-weight:300;color:rgba(255,255,255,1.0); padding:0px 80px; letter-spacing:-0.05em; line-height:1.4; text-align:center;}
.sub_section07_7 .box2 .content01 bold {font-size:24px;font-weight:500; color:#fc0f0f;}
.sub_section07_7 .box3 { float:left; width:100%;}
.sub_section07_7 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.sub_section07_7 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.sub_section07_7 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section07_7 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section07_7 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section07_7 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section07_7 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section07_7 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section08 { position:relative; bottom:00px; margin:0px 0 -100px 0; z-index:-1; /* border:1px solid red;*/ }
.sub_section08 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:150px; text-align:center; }
.sub_section08 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section08 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section08 div { /*display: block; clear:*/   }
.sub_section08 .box1 { float:left; width:48%; }
.sub_section08 .box1 .content01 { margin:0px 0 0 0 ;}
.sub_section08 .box1 .content01 span {display: block; font-size:40px;font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 80px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.sub_section08 .box1 .content01 span1 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.sub_section08 .box1 .content01 span2 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.sub_section08 .box1 .content01 span3 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:20px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.sub_section08 .box1 .content01 bold {font-size:50px;font-weight:300; color:#fc0f0f; font-style: italic;}
.sub_section08 .box1 .content02 { width:48%; margin:0px 0 00px 00px; }
.sub_section08 .box2 { float:right; width:48%; }
.sub_section08 .box2 .content01 { margin:00px 0 0 0; }
.sub_section08 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section08 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.sub_section08 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.sub_section08 .box3 { float:right; width:50%;}
.sub_section08 .box3 .content01 { margin:200px 0 0px 0px; }
.sub_section08 .box3 .content02 { margin:0px 0 00px 00px; }
.sub_section08 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section08 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section08 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section08 .box4 { float:right; width:48%;}
.sub_section08 .box4 .content01 { width:100%; margin:0px 0 0 0 ;}
.sub_section08 .box4 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section08 .box4 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sub_section08 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section08 .w100 {position:relative; width:100%; box-sizing: border-box;}
.sub_section08 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.sub_section10 { position:relative; overflow:hidden; background:url(../img/sub_clinical.jpg) no-repeat center; background-size:100% auto; top:30px; bottom:0px; padding:100px 0 ; z-index:-1;/* border:1px solid red;*/ }
.sub_section10 .img { position:relative;  float:left; top:300px; width:250px; height:300px; z-index:0;  left:50%; transform: translate(-50% -50%);  }
.sub_section10 h2 { width:50%; font-size:30px;font-weight:300;letter-spacing:-0.03em;color:rgba(255,255,255,0.9); top:-30px; text-align:center; }
.sub_section10 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.sub_section10 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.sub_section10 div { /*display: block; clear:*/   }
.sub_section10 .box1 { float:left; width:48%; }
.sub_section10 .box1 .content01 { margin:0px 0 0 0 ;}
.sub_section10 .box1 .content01 span {display: block; font-size:40px;font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 80px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.sub_section10 .box1 .content01 span1 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.sub_section10 .box1 .content01 span2 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.sub_section10 .box1 .content01 span3 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:20px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.sub_section10 .box1 .content01 bold {font-size:50px;font-weight:300; color:#fc0f0f; font-style: italic;}
.sub_section10 .box1 .content02 { width:48%; margin:0px 0 00px 00px; }
.sub_section10 .box2 { float:right; width:48%; }
.sub_section10 .box2 .content01 { margin:00px 0 0 0; }
.sub_section10 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section10 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.sub_section10 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}
.sub_section10 .box3 { float:right; width:50%;}
.sub_section10 .box3 .content01 { margin:200px 0 0px 0px; }
.sub_section10 .box3 .content02 { margin:0px 0 00px 00px; }
.sub_section10 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.sub_section10 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.sub_section10 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.sub_section10 .box4 { float:right; width:48%;}
.sub_section10 .box4 .content01 { width:100%; margin:0px 0 0 0 ;}
.sub_section10 .box4 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.sub_section10 .box4 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.sub_section10 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.sub_section10 .w100 {position:relative; width:100%; box-sizing: border-box; }
.sub_section10 .w100:before{position:absolute; top:110px;  display:block; content:""; width:135px; height:2px; background:#e11e2d; left:50%;transform: translateX(-50%); }

.sub_section10_1 { position:relative; bottom:00px; background:url(../img/img_result.jpg) no-repeat center; background-position: top; background-size:100%; padding-bottom:00px;  }
.sub_section10_1 .img { position:relative; float:left; top:-50px; width:250px; height:300px;  left:50%; transform: translateX(-50% );  }
.sub_section10_1 .slideCont{ padding-top:300px;}
.sub_section10_1 .slideCont .slick-arrow{width:40px;height:76px;position:absolute;top:50%;transform:translateY(-50%);border:0;outline:none;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.sub_section10_1 .slideCont .slick-prev{left:0px; margin:100px 0; background:url(../img/slide_prev.png) no-repeat left top; cursor:pointer; }
.sub_section10_1 .slideCont .slick-next{right:0px; margin:100px 0; background:url(../img/slide_next.png) no-repeat left top; cursor:pointer; }
.sub_section10_1 .slideCont .sliderNav{margin-bottom:30px; padding-top:45px;}
.sub_section10_1 .slideCont .sliderNav .slick-track{display:flex;justify-content:center;align-items:center;transform:none !important;}
.sub_section10_1 .slideCont .sliderNav .slick-slide{width:auto !important; padding:0 20px;float:none;letter-spacing:-0.05em;}
.sub_section10_1 .slideCont .sliderNav .slick-slide{border-right:1px solid rgba(145, 145, 145, .5);}
.sub_section10_1 .slideCont .sliderNav .slick-slide:last-child{border-right:0;}
.sub_section10_1 .slideCont .sliderNav .slick-slide > div{font-size:20px;color:#646;cursor:pointer;}
.sub_section10_1 .slideCont .sliderNav .slick-slide.slick-current > div{color:#000;font-weight:bold;}
.sub_section10_1 .slideCont .sliderBox{ margin:0 auto; overflow:hidden;}
.sub_section10_1 .box1 { position:relative; width:100%; padding: 30px 0 }
.sub_section10_1 .box1 .content01 { text-align:center; padding: 0;}
.sub_section10_1 .box1 .content01  li { display:inline-block; ;  padding:00px 00px; }
.sub_section10_1 .box2 { float:right; width:48%; }
.sub_section10_1 .box2 .content01 { margin:0px 0 0 0 ;}


.rent_section01 { position:relative; bottom:00px; padding:00px 0 0px 0; z-index:-1; top:-000px;/* border:1px solid red;*/ }
.rent_section01 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:40px; text-align:center;}
.rent_section01 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.rent_section01 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.rent_section01 div { /*display: flex;  */}
.rent_section01 .box1 div {display: flex;  width:25%;  }
.rent_section01 .box1 .content01 { width:100%; margin:40px 0; text-align: center}
.rent_section01 .box1 .content01 img{ width:50%; padding:30px 0;}
.rent_section01 .box1 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.rent_section01 .box1 .content01 span2 {display: block; font-size:16px;font-weight:400;color:rgba(0,0,0,0.5); letter-spacing:-0.09em; line-height:1.4; text-align:center;padding:20px 0;}
.rent_section01 .box1 .content02 { width:100%; margin:0px 0 00px 70px; }
.rent_section01 .box2 { float:right; width:48%; }
.rent_section01 .box2 .content01 { width:100%; margin:40px 0; }
.rent_section01 .box2 .content01 span {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.rent_section01 .box2 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.rent_section01 .box3 { float:left; width:100%;}
.rent_section01 .box3 .content01 { width:100%; margin:20px 0 00px 70px; }
.rent_section01 .box3 .content02 { width:100%; margin:0px 0 00px 70px; }
.rent_section01 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.rent_section01 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.rent_section01 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.rent_section01 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.rent_section01 .w100 {position:relative; width:100%; box-sizing: border-box;}
.rent_section01 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}

.rent_section02 {position:relative; overflow:hidden; background:url(../img/img_rent.jpg) no-repeat bottom/*/cover fixed*/; background-size:100% auto; margin:50px 0; padding:0px 0 0px 0; z-index:-1; /*border:1px solid red;*/}
.rent_section02 .img { float:left; width:100%; position:relative; margin-top:000px; background:url(../img/img_add1_03.jpgg) no-repeat bottom/*/cover fixed*/; background-size:100%;  }
.rent_section02 article {display:block; float:left; width:50%; padding:200px 0; color:#474747; background-color:rgba(255,255,255,.8); /*border:1px solid blue;*/}
.rent_section02 .img img:last-child { position:absolute;} 
.rent_section02 .text { position:absolute; text-aline: left; width:100%; margin:-250px 0 0 00px;}
.rent_section02 .text h2 { font-size:16px; font-weight:400;  color:rgba(0,0,0,0.7); letter-spacing:-0.5px; line-height:0.9; margin: -25px 00px 0px 50px }
.rent_section02 .text h2 strong { font-size:40px; font-weight:700; color:rgba(0,0,0,0.7);letter-spacing:-0.5px;  }
.rent_section02 .text h3 { font-size:30px; letter-spacing:-1px; font-weight:300;  color:rgba(255,255,255,0.9); margin:0 0 0px 0 }
.rent_section02 .text h3 thin { font-size:25px; font-weight:300; color:rgba(255,255,255,0.9); }
.rent_section02 .text h4 { font-size:30px; font-weight:700; color:rgba(0,0,0,0.7);letter-spacing:-1px; margin:300px 0 50px 50px }
.rent_section02 .text h4 thin { font-size:20px; font-weight:400; color:rgba(0,0,0,0.7); }
.rent_section02 .text p { font-size:16px; font-weight:400; color:rgba(0,0,0,1.0); line-height:1.6; margin:30px 0px 0 0;}
.rent_section02 .text p indent { display: inline-block; font-weight:400; color:rgba(255,0,0,1.0); text-indent: 15px}


.order_section01 { position:relative; bottom:00px; margin:0px 0 -100px 0; z-index:-1; /* border:1px solid red;*/ }
.order_section01 h2 { font-size:40px;font-weight:300;letter-spacing:-0.1em;color:#333; padding-top:150px; text-align:center; }
.order_section01 h2 strong { font-weight:500; color:rgba(0,0,0,1.0);}
.order_section01 h3  { font-size:28px; font-weight:350; text-align:center; margin-top:-60px; color:rgba(0,0,0,1.0);}
.order_section01 div { /*display: block; clear:*/   }
.order_section01 .box1 { float:left; width:80%; }
.order_section01 .box1 .content01 { margin:0px 0 0 0 ;}
.order_section01 .box1 .content01 span {display: block; font-size:40px;font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 80px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.order_section01 .box1 .content01 span1 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.order_section01 .box1 .content01 span2 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:00px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:center;}
.order_section01 .box1 .content01 span3 {display: block; font-size:20px;font-weight:400;color:rgba(0,0,0,0.9); margin:20px 0 0px 0; letter-spacing:-0.09em; /*line-height:1.4;*/ text-align:left;}
.order_section01 .box1 .content01 bold {font-size:50px;font-weight:300; color:#fc0f0f; font-style: italic;}
.order_section01 .box1 .content02 { width:48%; margin:0px 0 00px 00px; }
.order_section01 .box2 { float:right; width:20%; }
.order_section01 .box2 .content01 { margin:00px 0 0 0; }
.order_section01 .box2 .content01 span {display: block; font-size:20px; font-weight:300;color:rgba(0,0,0,0.9); margin:00px 0 00px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.order_section01 .box2 .content01 bold {font-size:20px;font-weight:500; color:#fc0f0f;}
.order_section01 .box2 .content01 small {font-size:17px;font-weight:400; color:#fc0f0f;}

.sit_order_btn button {display:block;width:100%;padding:15px 30px;font-size:1.25em;font-weight:bold}
..sit_order_btn .sit_btn_cart {margin-bottom:5px}

.order_section01 .box3 { float:right; width:50%;}
.order_section01 .box3 .content01 { margin:200px 0 0px 0px; }
.order_section01 .box3 .content02 { margin:0px 0 00px 00px; }
.order_section01 .box3 .content01 span {display: block; font-size:30px;font-weight:400;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.4; text-align:left;}
.order_section01 .box3 .content02 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); letter-spacing:-0.09em; line-height:1.2; text-align:left;}
.order_section01 .box3 span {display: block; font-size:24px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:0px;letter-spacing:-0.09em; line-height:1.4; text-align:center; }
.order_section01 .box4 { float:right; width:48%;}
.order_section01 .box4 .content01 { width:100%; margin:0px 0 0 0 ;}
.order_section01 .box4 .content01 span {display: block; font-size:20px;font-weight:300;color:rgba(0,0,0,0.9); margin:30px 0 40px 0; letter-spacing:-0.09em; line-height:1.4; text-align:center;}
.order_section01 .box4 .content01 bold {font-size:20px;font-weight:500;color:#fc0f0f;}
.order_section01 span4 {display: block; font-size:30px;font-weight:300;color:rgba(0,0,0,0.9); margin-top:20px;letter-spacing:-0.09em; line-height:1.4; text-align:right; font-style:italic}
.order_section01 .w100 {position:relative; width:100%; box-sizing: border-box;}
.order_section01 .w100:before{position:absolute; top:70px; right:0; display:block; content:""; width:135px; height:4px; background:#e11e2d;}


.main-content{position:relative;width:1200px;height:100%;margin:0 auto}
.main-content__header{padding-top:140px;text-align:center}
.main-content__header-title{padding-top:20px;font-size:50px; font-weight: 600;letter-spacing:-3px;line-height:1.0}
.main-content__header-em{ color:#d5022b;font-weight:300;font-size:23px;letter-spacing:-2px}
.main-content__header .span{font-size:20px;letter-spacing:-1px;}
.main-content__header-text{padding-top:30px;color:#666;font-size:18px;font-weight: 300;letter-spacing:-1px;line-height:1.4}
/*.main-sound__content{position:relative;border-top:1px solid #e5e7e8}*/
.main-sound .main-content__header{position:absolute;top:58px;left:0;text-align:left}
.main-sound__box{height:1000px}
.main-sound__box:after{display:block;clear:both;content:""}
.main-sound__box-item--1{float:right;margin-top:150px}
.main-sound__box-item--2{float:left;margin-top:530px}
.main-sound__figcaption{margin-top:-80px;color:#666;font-size:18px; font-weight: 500; line-height:1.8; text-align: center}

.main-design__description:after
.main-design__description-image--1 {overflow:hidden; float:left; width:600px; height:676px; }
.main-design__description{ position:relative; display: block;  width:600px; height:676px; margin-top:30px; background:url(../img/img_remote_01.png)no-repeat left 0px top 0px;}


.main-design__description-box{position:relative; display: block;  top:60px; left:600px; width:600px;}

.main-design__description-title{ font-size:25px; font-weight:500; letter-spacing:-1px; padding:20px  0 20px 0;}
.main-design__description-title1{ font-size:25px; font-weight:500; letter-spacing:-1px; padding:00px 0 00px 0;}
.main-design__description-title2{ font-size:25px; font-weight:500; letter-spacing:-1px; padding:00px 0 20px 0;line-height:1.0;text-indent: -2.0em;padding-left: 50px;}
.main-design__description-title3{ font-size:25px; font-weight:500; letter-spacing:-1px; padding:00px 0 30px 0;line-height:1.0;text-indent: -2.0em;padding-left: 50px;}

.main-design__description-text  { padding:00px 0 20px 0; }
.main-design__description-text ul { color:#666; etter-spacing:-2px; line-height:1.8; }
.main-design__description-text li { text-indent: -1.3em; padding-left: 50px; color:#666; font-size:15px; letter-spacing:-0.05em; line-height:1.4;}

.main-design__description-image--2{ float:left; margin:520px 0 0 100px;}
.main-design__description-box2{position:relative; display: block;  top:60px; left:600px; width:600px;}
/*.main-design__description-box2{ padding-top:150px; clear:both}*/
.main-design__description-text2{ padding-top:30px; border-top:1px solid #e5e7e8;color:#666;font-size:14px;text-align:left;line-height:1.2;letter-spacing:-0.03em; padding-left: 50px;}


/* 서브페이지 타이틀 */
.tit_area.subpage *{text-align: left;}
.tit_area.subpage .main_tit{line-height: 1.3; color: #bf4a3f; font-weight: 400; font-size: 36px;}
.tit_area.subpage .main_tit span{display: inline-block; margin-right: 10px; color: #222; font-weight: 700;}
.tit_area.subpage .desc{margin: 35px auto 0; padding: 0; width: 100%; max-width: none; color: #666; font-size: 16px; line-height: 1.5em;}

/* 서브 네비게이션 */
.inner{width: 1200px; margin: 0 auto;}
#mysubmenu{ margin-top: -64px;}
.tab_submenu{height: 80px;} 
.tab_submenu .tab_sub2ul{display: table; table-layout: fixed; width: 100%; background: #fff;}
.tab_submenu .tab_sub2ul li{display: table-cell; width: 50%; height: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 80px; font-size: 20px; font-weight: 500;}
.tab_submenu .tab_sub2ul li:hover a{color: #fff; font-weight: 500;}
.tab_submenu .tab_sub2ul li:hover{background: #444;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{background: #bf4a3f; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li.on a{color: #fff; font-weight: 400;}
.tab_submenu .tab_sub2ul li.on:hover{background: #444;}


/*********** 게시판 *************/
.sub_tit_top{margin: 0px auto 00px; }
.sub_tit_top .tit_area.subpage .main_tit::after{display: none;}
.table_pb{padding-bottom: 130px;}
.tbl_head01 a:hover{text-decoration: none;}

/* 게시판 상단 */
#bo_list_total{margin: 40px 0; background: transparent; overflow: hidden; width: 100%; line-height: 30px; display: none;}
#bo_list_total span{float: left; font-size: 14px; color: #444;}




/* 그누보드 수정 */
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:1% }
#bo_list .td_name { width:150px; text-align:center }
#bo_list .td_datetime { width:120px }
.btn_bo_sch, .btn_more_opt { padding:0 10px; height:35px }
.tbl_head01 td, .tbl_head01 th { font-size:1.1em; padding:15px 10px !important; height:40px }

.bo_tit { font-weight:500; display:block; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bo_con { margin:10px 0 0 0; font-size:0.95em; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  }

#bo_list .bo_tit .new_icon { background:#f39800; color:#fff; font-size:0.7em; font-weight:500; vertical-align:2px }
#bo_list .bo_tit .fa-lock { background:#54585d; color:#fff; width:16px; height:16px; font-size:14px; line-height:16px; border:0; vertical-align:1px }
.tbl_wrap table { border-top:2px solid #666 }
#bo_list .td_num2 { width:60px }
#bo_v_title .bo_v_tit { font-size:1.5em }
#bo_v_con { font-size:1.1em }
.bo_vc_w .btn_submit, .mbskin .btn_submit { font-weight:500 }
#bo_v .com_info { margin:10px 0 0 0 }
#bo_v .com_info dl:after { content:""; display:block; clear:both }
#bo_v .com_info dl {border-top:1px solid #e0e0e0 }
#bo_v .com_info dt, #bo_v .com_info dd { float:left; border-bottom:1px solid #e0e0e0; line-height:34px; height:36px; font-size:1.05em; padding-left:20px }
#bo_v .com_info dt { width:15%; font-weight:500; background:#f4f4f4; }
#bo_v .com_info dd { width:35%; font-weight:400 }
#bo_v .com_info dd.full { width:85% }
.btn_cke_sc { line-height:20px }
.btn_cke_sc_close { background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 15px 6px 15px }
#bo_list tbody tr:hover {border-left:0}
#bo_w .bo_w_tit #btn_autosave { top:3px; right:3px }
#bo_w .btn_cancel { color:#fff; font-weight:500;  padding: 5px 20px;font-size: 1.167em;border-radius:3px; }
#fregister p { font-weight:500; background:#fff; color:#222; border:1px solid #ccc }
#fregister p:before { display:none }
.chk_li { padding-left:17px; display:inline-block; vertical-align:top; margin-top:0px }
.chk_li + .tooltip_icon { vertical-align:top; margin-top:-8px}
.reg_btn_submit { color:#fff !important; font-weight:500 }
#sns_login .txt { font-weight:500 }
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 0 0 -1px; padding:0 }
#bo_cate a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 }
#bo_cate a:hover { background:#f4f4f4; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:0 }
#bo_v_act { margin:30px 0 50px 0 }
.btn_bo_user .btn_admin, .btn_cm_opt { padding:0 10px; color:inherit }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest ,#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{ font-weight:500; font-size:1.1em; margin:0 0 5px; display:inline-block }
.bo_tit .cnt_cmt { font-size:10px !important; font-family:arial; background:none !important; color:#999 !important; font-weight:normal !important }
.all_chk.chk_box input[type="checkbox"] + label span { top:3px }
#bo_v_desc { font-size:1.1em }
.new_win .btn_submit, .new_win .btn_close { font-weight:500; font-size:1em }
.new_win .win_desc { border:1px solid #666; background:#fff; color:#222; font-weight:500; text-align:center }
.new_win .win_desc:after { display:none }
.gall_row .box_clear { clear:none }
#bo_v_act { margin:60px 0 !important }
#bo_v_share { text-align:center; padding:40px 0 }
#bo_v_sns { text-align:center; float:none; display:inline-block }
#bo_v_sns li { width:auto; float:none; display:inline-block; text-align:center }
#bo_v_sns li a { width:60px; height:60px; line-height:60px; border-radius:50%; padding:0; text-align:center; display:inline-block !important }
#bo_v_sns li img { margin:0 }
#bo_v_sns li span { display:none }
#bo_v_share .btn { width:60px; height:60px; line-height:1.2; border-radius:50%; font-size:12px; padding:0; text-align:center; display:inline-block }
#bo_v_share .btn i { display:block; font-size:1.5em; margin:10px 0 3px }
#faq_sch .btn_submit { font-weight:500 }
#faq_sch { margin-bottom:30px }
.cmt_btn span.total { font-weight:400; font-size:0.9em; color:#999 }
.cmt_btn span.total b { font-size:1.5em }
.more_opt li button, .more_opt li a { font-weight:500 }
.bo_notice td { background:#f3f6f7 !important; border-bottom: 1px solid #ecf0f1; }
.bo_notice .notice_icon { color:#457088 }
#bo_v_img, #bo_v_img .fotorama__wrap { overflow:hidden }
.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property:opacity; transition-timing-function:linear; transition-duration: 1ms; //previous value = 0.3s }
#sch_res_detail { margin:0 0 20px }
#sch_res_detail .sch_wr { width:calc(100% - 480px) }
#sch_res_detail .frm_input { width:calc(100% - 93px) }
#sch_res_ov { background:#fff; border:1px solid #ddd; margin:0 0 20px; height:20px }
#sch_res_ov h2 strong { color:#d43434 }
#sch_res_board { font-size:0; margin-left:1px; text-align:center }
#sch_res_board li { margin:0 0 0 -1px; padding:0 }
#sch_res_board a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 }
#sch_res_board a:hover { background:#f4f4f4; color:#222 }
#sch_res_board .sch_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
.sch_word { background:#eee; color:#222 }
.sch_res_list h2 { margin:25px 0 12px 0 }
.sch_more { display:none }

.new_win #win_title { text-align:center; border-bottom:1px solid #ccc; padding:0 20px; line-height:46px; height:48px }
.new_win .new_win_con { margin-top:10px }

#ctt { margin:0; padding:0 }
#ctt_con { padding:0; margin:0; line-height:1.5; font-size:1.16em }
#faq_wrap li { font-size:1.1em }
.video_area { position:relative; height:0; padding-top:56.25% }
.video_area iframe { width:100%; height:100%; position:absolute; left:0; top:0 }

/* Sub page */
#ctt_con h2.title { font-size:1.5em; font-weight:700; line-height:1; padding:13px 0 30px; letter-spacing:-1px; position:relative }
#ctt_con h2.title:before { content:""; display:block; width:40px; height:3px; background:#222; position:absolute; left:0; top:0 }

#ctt_con.sub01_01 .sec01:after { clear:both; content:""; display:block }
#ctt_con.sub01_01 .sec01 > div { float:left; width:calc(100% - 450px) }
#ctt_con.sub01_01 .sec01 h2 { font-size:2em; line-height:1.35; font-weight:300; letter-spacing:-1px; margin:0 0 30px }
#ctt_con.sub01_01 .sec01 h2 strong { font-weight:700 }
#ctt_con.sub01_01 .sec01 h3 { font-size:1.3em; margin:30px 0 5px 0; font-weight:700; letter-spacing:-1px }
#ctt_con.sub01_01 .sec01 p { margin:0 0 20px }
#ctt_con.sub01_01 .sec01 .img01 { float:right; width:400px }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:right; line-height:1; margin:18px 0 0 0 }
#ctt_con.sub01_01 .sec01 .img01 p strong { font-size:1.2em }
#ctt_con.sub01_01 table { border-top:2px solid #666 }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { border-bottom:1px solid #e0e0e0; padding:12px; text-align:left }
#ctt_con.sub01_01 th { background:#f4f4f4; padding-left:20px; width:160px }

#ctt_con.sub01_02 { text-align:center }
#ctt_con.sub01_02 .tab_menu { text-align:center; margin:0 }
#ctt_con.sub01_02 .tab_menu ul { margin:0 }
#ctt_con.sub01_02 .tab_menu li { width:calc(100%/3) }
#ctt_con.sub01_02 .tab_menu a { font-size:38px; font-weight:400; line-height:1; display:block; padding:20px 0; font-family:Frank Ruhl Libre; border:0; border-bottom:1px solid #eee  }
#ctt_con.sub01_02 .tab_menu a:hover { color:#222; background:#fff }
#ctt_con.sub01_02 .tab_menu a small { font-size:15px; display:block; text-align:center; margin:0 0 8px 0; font-weight:400; color:#bbb; font-family:noto sans kr }
#ctt_con.sub01_02 .sec01:after { clear:both; content:""; display:block }
.history_list { }
.history_list > ul > li { width:47%; float:right; margin-top:60px }
.history_list > ul > li:nth-child(odd) { float:left }
.history_list li li { margin:10px 0 0 0; line-height:1.3; background:url(../img/dot01.png) no-repeat 0 7px; padding-left:12px; text-align:left }
.history_list li li span { font-weight:600; vertical-align:0; margin-right:3px }
.history_list h3 { font-size:2em; font-weight:400; font-family:Frank Ruhl Libre }
.history_list .img { margin:5px 0 0 0 }
.history_list .img img { border-radius:10px }
.history_list li ul { margin-top:20px }

#ctt_con.sub01_03 .os_mac.root_daum_roughmap { font-family:noto sans kr !important }
#ctt_con.sub01_03 .root_daum_roughmap .cont .section { margin:0 !important }

/* 서브 비주얼 이미지 */
#sub_visual.sub10 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub20 { background-image:url(../img/sub02_top.png) }
#sub_visual.sub30 { background-image:url(../img/sub03_top.png) }
#sub_visual.sub40 { background-image:url(../img/sub04_top.png) }
#sub_visual.sub50 { background-image:url(../img/sub05_top.png) }
#sub_visual.sub60 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub70 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub80 { background-image:url(../img/sub01_top.png) }
#sub_visual.sub90 { background-image:url(../img/sub01_top.png) }

/* 테이블 - 리스트 */
.table-list {border-top:1px solid #2a2a2a;margin-bottom:30px;}
.table-list th {height:30px;color:#fff;font-weight:normal;text-align:center;background:#2a2a2a;border-right:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;padding:8px 5px;}
.table-list th:last-child {border-right:0px;}
.table-list th a{color:#fff}
.table-list td{height:50px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px;text-align:center}
.table-list td:last-child{border-right:0px;}
.table-list tr:nth-child(even){background:#f6f6f6;}


/* 게시판 - 등록 */
.board-form{width:95% !important; border-top:2px solid #222 !important; margin:20px auto;}
.board-form th{font-weight: bold !important; font-size: 14px !important; padding-left: 0px !important;border-bottom: 1px solid #eee !important;text-align: left !important}
.board-form td{padding: 10px !important; border-bottom: 1px solid #eee !important;padding-right: 0px !important}
.board-form .frm_info{display:block;line-height:1.5;color:#999;font-size:11px;margin-bottom:5px;}
.board-form-btn {text-align: center;margin-top: 20px;}

/* 게시판 - 보기 */
.boardview {width:100%;font-size:13px;border-top:2px solid #222;}
.boardview th {width:150px;color:#666;padding:10px;background:#f6f6f6;border-bottom:1px solid #dedede;font-weight:normal;}
.boardview td {height:56px;color:#999;padding:10px;background:#ffffff;border-bottom:1px solid #dedede;}
.boardview td p {padding-top:7px;}
.boardview td label {padding-right:10px;}

.boardview-title {display:block;font-size:25px;font-weight:300;word-break:break-all;padding:20px 0 0 0;}
.boardview-info {font-size:13px;padding:20px 0;border-bottom:1px solid #dedede;color:#666}
.boardview-info .name{float:left;color:#999;}
.boardview-info .hit{float:right;color:#999;}
.boardview-info .date{float:right;color:#999;margin-left:20px;}

.boardview-file {border:1px solid #dedede;margin-top:30px;}
.boardview-file h2 {padding:10px;background: #f6f6f6}
.boardview-file ul {margin:0;padding:5px 0;list-style:none}
.boardview-file li {padding:5px 10px;position:relative;}
.boardview-file a {color:#333;text-decoration:none;word-wrap:break-word}
.boardview-file img {float:left;margin:0 10px 0 0}

.boardview-next {}
.boardview-next ul {position:relative;text-align:left;border-bottom:1px solid #dedede;margin-top:30px}
.boardview-next ul li {border-top:1px solid #dedede;padding:20px 0;}
.boardview-next ul li a {color:#999}
.boardview-next ul li a:hover {color:#111}
.boardview-next ul li .title{display:inline-block;padding-right:20px;color:#111}
.boardview-next ul li .date{float:right;color:#999}

.boardview-content {min-height:300px;height:auto !important;height:200px;margin:30px 0;}

.boardview-img {width:100%;overflow:hidden;zoom:1}
.boardview-img:after {display:block;visibility:hidden;clear:both;content:""}
.boardview-img a.view-image{display:block}
.boardview-img img {margin-bottom:20px;max-width:100%;height:auto}



/*shop*/
@charset "utf-8";

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

/* 상품 메일 추천하기 */
#sit_rec_new {}
#sit_rec_new th,
#sit_rec_new td {display:block;width:100%}
#sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px}
#sit_rec_new textarea {width:100%;min-height:100px}
#sit_rec_new .win_btn {margin:20px 0}

/* 장바구니 주문서 공통 */
.od_prd_list .td_chk {}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:10px;left:20px}
.od_prd_list .td_prd .sod_name {min-height:80px}
.od_prd_list .td_prd .prd_name {font-size:1.4em}
.od_prd_list .total_prc {color:#000;font-weight:bold;font-size:1.4em}

.sod_opt {margin:5px 0}
.sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none}
.sod_opt li {color:#000;padding-top:5px;line-height:1.3em}
.sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;background:#222;line-height:1em;color:#fff}
.sod_option_btn .mod_options {height:30px;margin:5px 0 0;padding:0 5px;border:1px solid #d4d6db;color:#606060;background:#fff;}
.cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px}
.cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px}

/* 장바구니 */
#sod_bsk {margin-bottom:30px}
#sod_bsk_list {position:relative}
#sod_bsk #sod_bsk_tot {border:3px solid #2e2e2e;margin:30px 0}
#sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk #sod_bsk_tot li {float:left;width:33.333%;background:#fff;color:#2e2e2e;border-left:2px solid #2e2e2e;text-align:right;padding:25px;}
#sod_bsk #sod_bsk_tot li:first-child {border:0}
#sod_bsk #sod_bsk_tot li span {display:inline-block;float:left;font-size:20px}
#sod_bsk #sod_bsk_tot li strong {font-size:20px}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:33.335%;background:#fff}
#sod_bsk_act {text-align:center;margin-bottom:30px}
#sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em}
#sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em}
#sod_bsk_act p {margin:0 0 10px}

/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px;
margin-top:-150px;background:#fff;overflow-y:auto;overflow-x:inherit}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {color:#fff;background:#222;border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height:28px;font-weight:bold}
#sit_opt_added li .opt_count {}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

#mod_option_frm #sit_sel_option {margin:20px 20px 10px}
#mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px}
#mod_option_frm #sit_opt_added {}
#mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow}
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;color:#fff;background:#222;border:0;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {color:#fff;background:#333}

/* 주문서 작성 */
#sod_frm {}
#sod_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm p {margin:0 0 10px}
#sod_frm .od_prd_list {margin-bottom:20px}
#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}

.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left;
-webkit-box-shadow: 1px 2px 2px #eee;
-moz-box-shadow: 1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;}
.od_coupon .btn_close:hover{background:#f3f3f3}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px}
#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}

/* 주문서 작성 - 왼쪽 */
.sod_left {display:inline-block;float:left;width:800px;margin-right:30px;vertical-align:top;overflow:hidden;}

/* 5.4.1.3 버전이후 추가 css */
#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%}
#sod_frm #od_zip,#sod_frm #od_b_zip{width:90px}
#sod_frm #od_memo{min-height:100px}
#sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:39px;right:200px; color:#fff; line-height:26px; text-align:center;}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm  #sod_bsk_tot li:last-child {border-bottom:0 none}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em}
#sod_frm_pay {position:relative;margin:10px 0}

#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:1.5em;color:#ff006c}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb }
#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px}
#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#od_pay_sl .lb_icon {display: block;width:100%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}
#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .kakaopay_icon{background:url('../../img/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .naverpay_icon{background:url('../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff;}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8}
#forderform #sod_frm_pt{border-top:1px solid #e3e5e8}

#sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""}
#sod_frm_pay .sod_frm_point{border:1px solid #e3e5e8;margin-top:10px;}
#sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right}
#sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold}
#sod_frm_pay .sod_frm_point div span{display:block}
#sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div strong{float:left;}
#sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important;}
#sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

/* 주문서 작성 - 오른쪽 */
.sod_right {display:inline-block;float:left;width:370px;height:100%;vertical-align:top;}
.sod_right #sod_bsk_tot {border:2px solid #000}
.sod_right #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
.sod_right .sod_info li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000}
.sod_right .sod_info li:last-child {border-bottom:0;}
.sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1}
.sod_right .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_right .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_right .sod_info .sod_bsk_cnt strong {font-size:1.25em}

.sod_right .sod_info_bt {clear:both;padding:10px 15px;background:#fff}
.sod_right .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_bt li {}
.sod_right .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000}
.sod_right .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}

.sod_right .sod_info_option {clear:both;border-top:1px solid #e7ebf1}
.sod_right .sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sod_right .sod_info_option ul {padding:10px 15px;background:#fff}
.sod_right .sod_info_option li {margin-bottom:5px}
.sod_right .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold}
.sod_right .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db}
.sod_right .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline}
.sod_right .sod_info_option .sod_ifop_tit .od_coupon {z-index:10000;position:absolute;top:50%;left:50%;min-width:300px;height:auto !important;height:500px;max-height:500px;margin-left:-200px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
.sod_right .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left}
.sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}
.sod_right .sod_info_option>td {text-align:right;padding:10px;height:30px}
.sod_right .sod_info_option>td .cp_cancel {margin:0 0 0 2px}
.sod_right .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0}


/* 주문서 작성 - 포인트사용 */
#sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8}
#sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_point h2:after {display:block;visibility:hidden;clear:both;content:''}

#sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px}
#sod_point .point_tit label {vertical-align:baseline}
#sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal}
#sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px}

#sod_frm_pt {padding:20px}
#sod_frm_pt .max_point_box em {font-style:normal !important}


/* 주문서 작성 - 결제수단 */
#sod_frm_pay {position:relative;margin:10px 0 0}
#sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px}
#sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px}
#sod_frm_pay .tooltip_txt:before {height:100%}
#sod_frm_pay input[type="radio"] {}
#sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1}
#sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#ff006c;z-index:3}
#sod_frm_pay input[type="radio"] + label span {top:7px}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
/*
#sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417}
#sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734}
#sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a}
#sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7}
*/
#sod_frm_paysel ul.pay_way {margin:0;padding:15px}
#sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none}

#settle_bank {padding-top:10px;}
#settle_bank label {line-height:30px}
#settle_bank option {padding:3px 0}

#display_pay_button {margin-top:10px; text-align:center;}
#display_pay_button .btn_submit {width:100%;height:50px;font-weight:bold;font-size:1.25em;cursor:pointer;border:1px solid #3a8afd}
#display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9}

.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em}
#sod_frm_same {margin:0 0 10px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#od_tot_price {color:#fff;background:#2e2e2e;line-height:20px;text-align:right;padding:15px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2 {margin:0;border:0}
#sod_frm #sod_frm_escrow p {margin:5px 0}
#display_pay_process {padding:20px;text-align:center}


/* 주문내역 */
#sod_v {margin-bottom:30px}
#sod_v:after {display:block;visibility:hidden;clear:both;content:''}
#sod_v td {text-align:center}
#sod_v td a {font-weight:bold}
#sod_v .basic_tbl {text-align:center}
.status_01 {display:inline-block;color:#fff;background:#cc3333;padding:0 5px;line-height:20px;font-size:11px;}
.status_02 {display:inline-block;color:#fff;background:#000000;padding:0 5px;line-height:20px;font-size:11px;}
.status_03 {display:inline-block;color:#fff;background:#0066cc;padding:0 5px;line-height:20px;font-size:11px;}
.status_04 {display:inline-block;color:#fff;background:#cc0099;padding:0 5px;line-height:20px;font-size:11px;}
.status_05 {display:inline-block;color:#fff;background:#ff0099;padding:0 5px;line-height:20px;font-size:11px;}
.status_06 {display:inline-block;color:#fff;background:#111111;padding:0 5px;line-height:20px;font-size:11px;}
.refund_status_01 {display:inline-block;color:#fff;background:#cc3333;padding:0 5px;line-height:20px;font-size:11px;}

/* 주문보기 */
#sod_fin {}

/* 주문보기 - 주문정보*/
#sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px dashed #dedede;height: 50px;;padding:0 15px;line-height:50px;text-align:right}
#sod_fin #sod_bsk_tot li:last-child{border-bottom:0}
#sod_fin #sod_bsk_tot li span{float:left;clear:both;color:#333;}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em}

/* 주문보기 - 결제정보 */
#sod_fin_tot {margin:30px 0}
#sod_fin_tot li {height:50px;line-height:50px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;padding:0 15px;zoom:1;}
#sod_fin_tot li:last-child {border-bottom:0;}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot strong {float:right}

/* 주문보기 - 주문 취소시 출력되는 폼 */
#sod_fin_cancel_frm {display:none;margin:10px 0 0;}
#sod_fin_cancel_info {text-align:center;background:#f6f6f6;padding:20px;border:2px solid #000;}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}


#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

/* 쿠폰 */
#coupon {text-align:center}
#coupon h1 {text-align:left}
#coupon ul:after {display:block;visibility:hidden;clear:both;content:""}
#coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left}
#coupon .cou_top {margin-bottom:10px}
#coupon .cou_tit {font-size:1.25em;font-weight:bold}
#coupon .cou_pri {font-size:1.25em;color:#3a8afd;font-weight:bold;float:right}
#coupon .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;}
#coupon .cou_date {float:right;color:#888d92}
#coupon .btn_close {margin:20px auto}

/* 모바일일때 피시버전 주문폼 */
.sod_frm_mobile .sod_list{margin:10px 0}
.sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0}
.sod_frm_mobile .sod_list .li_name{font-size:1.083em}
.sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px}
.sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px}
.sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px}
.sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em}
.sod_frm_mobile .sod_list .li_prqty{margin-top:30px;padding:10px;border-top:1px solid #f8f8f8}
.sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right}
.sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969}
.sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5}
.sod_frm_mobile .sod_list .total_price{background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_frm_mobile .sod_list .total_price span{float:left}
.sod_frm_mobile .sod_list .total_price strong{font-size:1.25em;color:#3a8afd}
.sod_frm_mobile .sod_opt{padding:5px 10px 5px 35px}
.sod_frm_mobile .sod_opt li{color:#777;margin:3px 0;line-height:1.3em}
.sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}
.sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}
.sod_frm_mobile #sod_frm_orderer,.sod_frm_mobile #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff}
.sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0}
.sod_frm_mobile #m_sod_bsk_tot{background:#4a505a;color:#fff}
.sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""}
.sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both}
.sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em}
.sod_frm_mobile .sod_list .li_op_wr{padding-left:100px}
.sod_frm_mobile .sod_list .total_img{left:10px}
.sod_frm_mobile .sod_opt{padding-left:10px}
.sod_frm_mobile #m_sod_frm_paysel{margin:10px 0}
.sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0}
.sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8}
.sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""}
.sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px}
.sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../../../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../../../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../../../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../../../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
.sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../../../img/kakao.png) no-repeat 24px 3px;height:25px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
.sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../../../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}
.sod_frm_mobile #sod_frm_pay{border-top:1px solid #f3f3f3}
.sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em}
.sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0}
.sod_frm_mobile .odf_tbl{position:relative}
.sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:90px;font-weight:400}
.sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 5px;text-align:right}
.sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;;position:relative}
.sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px; 0 0 5px;background:#da4453;height:100%}
.sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none}
.sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right}
.sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px}
.sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0}
.sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important}
.sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400}
.sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}
.sod_frm_mobile #settle_bank{background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px}
.sod_frm_mobile #settle_bank:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db}
.sod_frm_mobile #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}
.sod_frm_mobile #settle_bank label{float:left;line-height:30px}
.sod_frm_mobile #sod_frm_pt_info{border-top:0}
.sod_frm_mobile .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
.sod_frm_mobile .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left}
.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px}
.sod_frm_mobile .od_coupon .tbl_head02 td{text-align:left}
.sod_frm_mobile .od_coupon .tbl_head02 th{width:auto!important}
.sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center}
.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right}
.sod_frm_mobile .od_coupon .btn_confirm{margin:20px}
.sod_frm_mobile .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%}
.sod_frm_mobile .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}
.sod_frm_mobile .cp_btn,.sod_frm_mobile .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#3a8afd;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em}
.sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px}
.sod_frm_mobile .cp_cancel,.sod_frm_mobile .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em}
.sod_frm_mobile #sod_frm_escrow{margin:10px}
.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em}
.sod_frm_mobile #od_pay_sl h3{font-size:1.25em}
.sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em}
#sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important}
#sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm.sod_frm_mobile #od_memo{min-height:50px}
.sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px}
.sod_frm_mobile .od_prd_list .td_chk{border-left:0}
.sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px}
.sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0}
.sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px}
.sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em}
.sod_frm_mobile .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em}
.sod_frm_mobile #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3}
.sod_frm_mobile #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3}
.sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{margin:10px 0;font-size:1.25em}
.sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400}
.sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px}
.sod_frm_mobile .odf_list .dlv_slt{background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px}
.sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px}
.sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000}
.sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px}
.sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0}
.sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px}
.sod_frm_mobile .odf_list .add_num{position:relative;display:block}
.sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em}
.sod_frm_mobile .btn_confirm{margin:0 0 10px}
.sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px}
.sod_frm_mobile .btn_cancel,.sod_frm_mobile .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px}
.sod_frm_mobile #sod_frm_escrow{margin:10px}
.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em}
.sod_frm_mobile #od_pay_sl h3{font-size:1.25em}
.sod_frm_mobile #od_tot_price{background:none;color:#000;font-weight:700}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}

/* 네이버페이 */
.itemform-naverpay {margin:15px 0;/*clear:both*/ text-align: center}
.cart-naverpay {margin-top:15px}
@media (max-width:750px) {
  .itemform-naverpay {display : flex justify-content: right;; }
}


/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td, #fqalist table td {border-left:0;border-right:0}
#bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0}

/* 개인결제 */

#personal_pay {}
#personal_pay .personal_pay_box {background:#fff;border:1px solid #e3e5e8}

#personal_pay .KPAY {width:58px;background:url('../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYNOW {width:75px;background:url('../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .PAYCO {width:75px;background:url('../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .kakaopay_icon {width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .pay_way {border-bottom:1px solid #e2e4e7}
#personal_pay #display_pay_button {border:0}


/* input, radio */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
/* .chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} */

.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#305af9}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

#payupbg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:10000000000}

#card-test-warning {position:fixed;top:500px;right:0;width:200px;height:200px;background:#2e2e2e;color:#fff;z-index:99999;}

#sod_frm_taker > h2{font-size:17px; padding-bottom:10px;}
#sod_frm_orderer > h2{font-size:17px; padding-bottom:10px;}
.sod_right > h3{font-size:17px; padding-bottom:10px;}

#sod_sts_wrap{display:none;}