@charset "utf-8";
/*
	max css var.3 / date : 2020-09-03 / modify : 2020-12-28 / name : koh won ji and shin jeong ju
	- response web size -
	pc : (w)1920px / tablet : (w)1366px ~ (w)1024px / mobile : (w)900px ~ (w)568px
*/

body,html,*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'Montserrat','Noto Sans KR','Malgun Gothic',sans-serif;font-size:18px;font-weight:400;color:#333;letter-spacing:-.04em; word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.04em}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}
a:hover {color:#184c80 !important;}
@media screen and (max-width: 1366px) { body {font-size:16px;} }
@media screen and (max-width: 900px) { body {font-size:15px;} }

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}
.sound_only{font-size:0px;}
/* skip navigation */
.skip_nav {position:relative; z-index:999;}
.skip_nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip_nav a:focus, .skip_nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* form */
	.max-it {display:block; height:auto; padding:.722em 0; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; -webkit-border-radius:0;}
	input[type="password"] {background:url("../image/common/ico_pass_hide.png") 96% center no-repeat;}

	.max-ckit {position:relative;}
	.max-ckit input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max-ckit input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:0;}
	.max-ckit input[type="checkbox"] + label:before {content:''; display:inline-block; width:32px; height:32px; line-height:32px; margin:-2px 8px 0 0; text-align:center; vertical-align:middle; background:url("../image/common/ico_check.svg") center no-repeat #d7d7d7; background-size:16px; border-radius:100%; box-sizing:border-box;}
	.max-ckit input[type="checkbox"]:checked + label:before {background-color:#181818;}
	.max-ckit.ckit-label input[type="checkbox"] + label {font-size:16px;}

	.max-radio {display:inline-block; position:relative; line-height:24px;}
	.max-radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
	.max-radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
	.max-radio input[type="radio"] + label:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #666; border-radius:100%;}
	.max-radio input[type="radio"]:checked + label:before {background:#fff; border:1px solid #000;}
	.max-radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:6px; left:6px; width:10px; height:10px; background:#000; border-radius:100%;}

	.max-tta {width:100%; height:100%; padding:1em; border:1px solid #aaa; background:none; line-height:1.6;}
	.max-tta:focus {border-color:#555;}

/* selectbox */
	.max-select {position:relative;}
	.max-select .bt-sel {display:block; width:100%; height:auto; padding:.722em .444em; border-bottom:1px solid currentColor; position:relative; text-align:left; color:#555;}
	.max-select .bt-sel .i-triangle {position:absolute; top:.778em; right:0; color:#6d6d6d;}
	.max-select .bt-sel .i-triangle:before {left:4px;}
	.max-select .sel-box {display:none; width:100%; height:auto; background-color:#e5e5e5; position:absolute; top:2.5em; left:0; z-index:1;}
	.max-select .sel-box li {padding:.833em 1em; color:#999; cursor:pointer;}
	.max-select .sel-box li input[type="radio"] {display:none;}
	.max-select .sel-box li:hover {background-color:#555; color:#fff;}

/* icon */
	.max-ico {display:block; position:relative; /* overflow:hidden; */}
	.max-ico:before, .max-ico:after {content:''; display:block; position:absolute; box-sizing:border-box;}

	.i-triangle {width:16px; height:16px;}
	.i-triangle:before {border:6px transparent solid; border-bottom-width:0; border-top-color:currentColor; top:5px; left:2px;}

	.i-menu {width:32px; height:32px;}
	.i-menu:before {width:24px; height:3px; background:currentColor; top:8px; left:4px; box-shadow:0 6px currentColor, 0 12px currentColor;}

	.i-close {width:32px; height:32px;}
	.i-close:before, .i-close:after {width:24px; height:3px; background:currentColor; top:14px; left:4px; transform:rotate(-45deg);}
	.i-close:after {transform:rotate(45deg);}

	.i-close-r {width:32px; height:32px;}
	.i-close-r:before, .i-close-r:after {width:28px; height:4px; border-radius:50px; background:currentColor; top:14px; left:2px; transform:rotate(-45deg);}
	.i-close-r:after {transform:rotate(45deg);}

	.i-plus {width:10px; height:10px;}
	.i-plus:before, .i-plus:after {width:100%; height:1px; background:currentColor; top:50%; left:0;}
	.i-plus:before {transform:translateY(-50%);}
	.i-plus:after {width:1px; height:100%; top:0; left:50%; transform:translateX(-50%);}

	.i-arrow {width:20px; height:20px;}
	.i-arrow:before {width:10px; height:10px; border:1px solid currentColor; border-right-width:0; border-top-width:0; transform:rotate(-45deg); bottom:8px; left:5px;}

	.i-more {width:32px; height:32px;}
	.i-more:before {width:11px; height:11px; border:1px solid currentColor; border-left-width:0; border-top-width:0; transform:rotate(-45deg); top:8px; right:5px;}
	.i-more:after {width:27px; height:1px; background-color:currentColor; top:13px; left:2px;}

	.i-control {width:2.667em; height:2.667em;}
	.i-control:before {width:0; height:0; border:.444em solid transparent; border-left-width:0; border-right-color:currentColor; top:.833em; left:2px;}
	.i-control:after {width:2em; height:2px; background-color:currentColor; top:1.2em; right:2px;}
	.ico-add {display:block; width:40px; height:40px; position:relative; font-size:0;}
	.ico-add:before,
	.ico-add:after {content:''; height:3px; width:20px; display:block; position:absolute; top:8px; left:0px;}
	.ico-add:after {height:20px; width:3px; top:0; left:8px;}
	.ico-menu {display:block; width:24px; height:24px; position:relative; font-size:0;}
	.ico-menu:before {content:''; display:block; width:18px; height:2px; background:#000; position:absolute; top:2px; left:0; box-shadow:0 5px #000, 0 10px #000;}

	@media screen and (max-width: 568px) {
		.i-more {width:20px; height:20px;}
		.i-more:before {width:9px; height:9px; top:6px; right:5px;}
		.i-more:after {width:20px; height:1px; top:10px; left:0;}
	}

/* color */
.col-blue {color:#184c80;}
.col-gray {color:#777;}
.col-gray2 {color:#999;}
.col-dkgray {color:#333;}

/* font size, weight, uppercase; */
.f20 {font-size:1.111em;}
.f22 {font-size:1.222em;}
.f24 {font-size:1.333em;}
.f28 {font-size:1.556em;}
.f32 {font-size:1.778em;}
.f36 {font-size:2em;}
.f40 {font-size:2.222em;}
.f42 {font-size:2.333em;}
.f48 {font-size:2.667em;}
.f60 {font-size:3.733em;}

.fw-l {font-weight:300;}
.fw-m {font-weight:500;}
.fw-b {font-weight:700;}
.fw-eb {font-weight:900;}
.fw-eb-eng {font-weight:800;}

.ft-upp {text-transform:uppercase;}

/* mobile text size�� ���������� �۾��ϸ鼭 �����ϴ°ɷ� �ؿ� */
@media screen and (max-width: 900px) {
	.f20 {font-size:1em;}
	.f24 {font-size:1.13em;}
	.f28 {font-size:1.18em;}
	.f32 {font-size:1.233em;}
	.f36 {font-size:1.35em;}
	.f40 {font-size:1.55em;}
	.f42 {font-size:1.6em;}
	.f48 {font-size:1.667em;}
	.f60 {font-size:1.867em;}
	.f70 {font-size:2.5em;}
}

/* button, link */
.max-lnk {display:inline-block; padding:1em 2.4em 1em 0.5em; position:relative;}
.max-lnk.more {}
.max-lnk.more span {display:block;}
.max-lnk.more span:after {content:''; display:block; width:100%; height:1px; background-color:currentColor; margin-top:.4em;}
.max-lnk.more .i-more {position:absolute; top:.85em; right:0;}

.max-btn {}
.max-btn.prev,
.max-btn.next {width:4.444em; height:4.444em; padding:.889em; background-color:rgba(0,0,0,.4); color:#404347;} /* slider ���� �� background-color �� ������ ��. */
.max-btn.next .i-control {transform:rotate(-180deg);}

/* button, link size�� ���������� �۾��ϸ鼭 �����ϴ°ɷ� �ؿ� */
@media screen and (max-width: 900px) {

}

/* nbsp */
.nb {display:block;}

/* popup layer set */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed; z-index:1000; visibility:visible; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2);}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#fff;color:#000;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:1em;border:0;color:#000}
.hd_pops_footer .hd_pops_reject {background:#fff;text-align:left}
.hd_pops_footer .hd_pops_close {background:#fff;position:absolute;top:0;right:0}

@media screen and (max-width: 900px) {
	.hd_pops {top:50% !important; left:50% !important; width:86.66%; transform:translate(-50%, -50%);}
	.hd_pops_con {width:100% !important; height:100% !important; line-height:0;}
	.hd_pops_con img {max-width:100%;}
	.hd_pops_close {padding:.45em;}
}

#max_wrap {width:100%; min-width:280px; height:auto;}
/* header */
#max_header {width:100%; height:auto; min-height:3.333em; position:fixed; background-color: #fff; z-index: 10000;}
#max_header .logo {position:absolute; top:.722em; left:4%; z-index:1;}
#max_header .logo a {display:block; width:7.222em; height:1.778em; background:url("../image/common/logo.svg") 0 0 no-repeat; text-indent:-200px;}
#max_header .bt-menu {display:none; position:fixed; top:6px; right:1.2em; z-index:10; outline:none; color:#575757;}
#max_header .bt-menu .max-ico {font-size:0;}
/* header : menu */
#lnb {width:100%; padding:0 20%; position:relative; text-align:center;}
#lnb > ul {width:inherit; font-size:.889em;}
#lnb > ul > li {display:inline-block; margin:0 1.125em; font-weight:700; text-transform:uppercase;}
#lnb > ul > li .depth1-lnk {display:block; padding:1.5em 0; cursor:pointer;}
#lnb > ul > li .depth1-lnk .i-plus {display:none;}
#lnb > ul > li .depth1-lnk:hover a {color:#184c80;}
#lnb > ul > li .depth-2 {overflow:hidden; width:100%; height:0; position:absolute; top:3.75em; left:0; z-index:1; font-weight:400; color:#777; text-align:left; transition:height .3s ease;}
#lnb > ul > li .depth-2:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-top:1px solid #ededed; background-color:#f5f5f5; box-shadow:0 3px 3px rgba(0,0,0,.1);}
#lnb > ul > li .depth-2 ul {margin:0 auto; position:relative; z-index:100;}
#lnb > ul > li .depth-2 ul li {display:inline-block;}
#lnb > ul > li .depth-2 ul li a {display:block; padding:1em;}
#lnb > ul > li .depth-2 ul li a:hover {text-decoration:underline;}
/* header : menu : submenu width */
#lnb > ul > li:nth-child(1) .depth-2 ul {width:51.5em;}
#lnb > ul > li:nth-child(2) .depth-2 ul {width:55.938em;}
#lnb > ul > li:nth-child(3) .depth-2 ul {width:12.813em;}
#lnb > ul > li:nth-child(4) .depth-2 ul {width:34.875em;}
#lnb > ul > li:nth-child(5) .depth-2 ul {width:12.813em;}
#lnb > ul > li:hover .depth-2 {overflow:visible; height:3.75em;}
/* header : language */
.language {position:absolute; top:1em; right:4%; width:3.929em; font-size:.778em; text-transform:uppercase; letter-spacing:0;}
.language .bt-lang {display:block; width:100%; height:auto; padding:6px 0; border-bottom:1px solid #707070; position:relative;}
.language .bt-lang .i-triangle {position:absolute; top:5px; right:0;}
.language .bt-lang .i-triangle:before {left:4px;}
.language .lang-box {display:none; width:100%; height:auto; background-color:#fff; border:1px solid #707070; border-top:none;}
.language .lang-box li {}
.language .lang-box li a {display:block; padding:6px;}
.language .lang-box li a:hover {background-color:#707070; color:#fff !important;}
/* header : language mobile */
.lang-box-mo {display:none; padding-top:6em; font-weight:700; text-transform:uppercase;}
.lang-box-mo a {display:inline-block; padding:.2em 0; margin-right:1.75em; color:#969696;}
.lang-box-mo .active {border-bottom:1px solid currentColor; color:#333;}

@media screen and (max-width: 900px) {
	#max_header .logo {position:fixed; left:1.2em; z-index:10; top:1em;}
	#max_header .logo a {width:5.267em; height:1.267em;}
	#max_header .bt-menu {display:block; top: 11px;}
	/* header : menu */
	#lnb {display:none; height:100%; padding:6em 1.2em 0; position:fixed; top:0; left:0; z-index:2; background-color:#fff; text-align:left;}
	#lnb > ul > li {display:block; margin:0; font-size:1.5em; position:relative;}
	#lnb > ul > li .depth1-lnk {position:relative; padding:1em 0; border-bottom:1px solid #ccc;}
	#lnb > ul > li .depth1-lnk a {display:inline-block; position:relative; z-index:1;}
	#lnb > ul > li .depth1-lnk .i-plus {display:block; position:absolute; top:25px; right:0; color:#aaa;}
	#lnb > ul > li .depth-2 {display:none; overflow:visible; height:auto; position:relative; top:0; transition:none;}
	#lnb > ul > li .depth-2:before {box-shadow:none; border-top:none; border-bottom:1px solid #999;}
	#lnb > ul > li .depth-2 ul {padding:.5em; font-size:.667em;}
	#lnb > ul > li .depth-2 ul li {display:block;}
	#lnb > ul > li .depth-2 ul li a {display:block; padding:1em;}
	#lnb > ul > li:nth-child(1) .depth-2 ul,#lnb > ul > li:nth-child(2) .depth-2 ul, #lnb > ul > li:nth-child(3) .depth-2 ul, #lnb > ul > li:nth-child(4) .depth-2 ul {width:100%;}
	#lnb > ul > li:hover .depth-2 {height:auto;}
	#lnb > ul > li .depth1-lnk.active {border-bottom:1px solid #999;}
	#lnb > ul > li .depth1-lnk.active .i-plus {color:#333;}
	/* header : language */
	.language {display:none;}
	.lang-box-mo {display:block;}
}

/* footer */
#max_footer {width:100%; height:auto; padding:3.714em 4%; font-size:.778em; line-height:1.2; letter-spacing:0; background-color:#333; color:#ccc; position:relative; display:flex;}
#max_footer > p {width:33.33%;}
#max_footer > p svg {width:8.786em; height:2.143em;}
#max_footer .fs-site {position:absolute; top:3.314em; right:4%;}
#max_footer .fs-site button {width:110px; height:auto; padding:6px 0; border-bottom:1px solid #9e9e9e; color:#9e9e9e; position:relative; text-align:left;}
#max_footer .fs-site button i {position:absolute; top:8px; right:0;}
#max_footer .fs-site .site-lst {display:none; width:100%; height:auto; background-color:#282828; position:absolute; bottom:2.143em; left:0;}
#max_footer .fs-site .site-lst li {}
#max_footer .fs-site .site-lst li a {display:block; padding:8px;}
#max_footer .fs_sns {position: absolute; top: 7em; right:4%;}
#max_footer .fs_sns ul li {display: inline;}
#max_footer .fs_sns .fs_sns_fb {padding: 0 10px;}
#max_footer .fs_sns .fs_sns_blog {padding: 0 20px 0 5px;}
#max_footer .f-menu {order:1; width:33.33%;}
#max_footer .f-menu li {}
#max_footer .f-menu li a {display:block; padding:2px;}
#max_footer .f-menu li a:hover {color:#fff !important;}
#max_footer address {width:33.33%; display:flex; flex-direction:column;}
#max_footer address em {margin-top:2px;}
/*
#max_footer address em:nth-child(1) {order:1; margin-top:4px;}
#max_footer address em:nth-child(2) {order:2; margin-top:2.143em;}
*/
#max_footer cite {position:absolute; bottom:5.714em; left:4%;}
.go-top {display:block; display:none; position:fixed; right:20px; bottom:20px; width:52px; height:52px; margin:0; padding:0; font-size:0; text-indent:-9999px; border:0 none; border-radius:50%; background:url("../image/common/btn_top.png") no-repeat center center; background-size:100% auto; z-index:10;
	-webkit-box-shadow:1px 2px 6px rgba(0,0,0,0.15);
	-moz-box-shadow:1px 2px 6px rgba(0,0,0,0.15);
	box-shadow:1px 2px 6px rgba(0,0,0,0.15);
}

@media screen and (max-width: 900px) {
	#max_footer {display:block;}
	#max_footer > p {width:100%;}
	#max_footer .fs-site {width:100%; position:relative; top:0; left:0; margin-top:2em;}
	#max_footer .fs_sns {width:100%; position:relative; top:0; left:0; margin-top:2em;}
	#max_footer .fs_sns .fs_sns_fb {padding: 0 10px 0 0;}
	#max_footer .fs-site button {width:100%;}
	#max_footer .f-menu {width:100%; margin:2em 0;}
	#max_footer address {width:100%; display:block;}
	#max_footer address em {display:block; margin-top:4px;}
	#max_footer address em:nth-child(1) {margin-top:0;}
	#max_footer address em:nth-child(2) {margin-top:4px;}
	#max_footer cite {display:block; position:static; margin-top:2em;}
	.go-top {width:40px; height:40px;
		-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.15);
		box-shadow:1px 1px 4px rgba(0,0,0,0.15);
	}
}

/* sub layout : path */
.path {width:100%; height:auto; padding:1.429em 4%; font-size:.778em; color:#999;}
.path span {display:inline-block; font:normal 1em 'Dotum'; padding:0 1em;}
.path strong {color:#333;}
/* sub layout : path mobile */
.path-mo {display:none; width:100%; height:auto; font-weight:400; text-transform:uppercase; position:relative;}
.path-mo button {display:block; width:inherit; height:inherit; padding:1.2em; text-align:left; border-top:1px solid #eee; border-bottom:1px solid #ccc; background-color:#fafafa; position:relative;}
.path-mo button .i-arrow {position:absolute; top:50%; right:1.6em; transform:translateY(-50%); color:#6c6c6c;}
.path-mo button.active .i-arrow {transform:translateY(-50%) rotate(-180deg);}
.path-mo .depth2-layer {display:none; width:inherit; height:auto; padding:1em 1.2em; color:#999; background-color:rgba(255,255,255,.85); position:absolute; top:3.53em; left:0;}
.path-mo .depth2-layer li {}
.path-mo .depth2-layer li a {display:inline-block; padding:.75em 0; position:relative;}
.path-mo .depth2-layer li .active {color:#575757;}
.path-mo .depth2-layer li .active:after {content:''; display:inline-block; width:100%; height:1px; background-color:currentColor; position:absolute; bottom:.2em; left:0;}
/* sub layout : sub visual */
.max-sub-visual {width:100%; height:9.667em; padding:2.333em 8% 0; font-weight:700; font-size:3.333em; color:#fff; line-height:1.2em; background-position:center; background-size:cover; background-repeat:no-repeat;}
.max-sub-visual h2 {/* -webkit-text-stroke: 1px #ddd; */}
.max-sub-visual h2 small {font-size:.68em;}
.max-sub-visual.news {background-image:url("../image/common/bg_sub_visual9.jpg"); background-position:70% 50%;}
/* .max-sub-visual.recruit {background-image:url("../image/common/bg_sub_visual8.jpg");} */
.max-sub-visual.recruit {position:relative; overflow:hidden; padding:0;}
.max-sub-visual.recruit h2 {position:absolute; padding:2.333em 8% 0; z-index:1;}
.max-sub-visual.interview {background-image:url("../image/common/bg_sub_visual11.jpg");}
.max-sub-visual.oem_odm{background-image:url("../image/common/bg_sub_visual7.jpg");}
.max-sub-visual.collaboration{background-image:url("../image/common/bg_sub_visual7_1.jpg");}
.max-sub-visual.dtd{background-image:url("../image/common/bg_sub_visual10.png");}

/* contents layout */
#contents {width:100%; height:auto; padding:7.778em 0 11.111em;}
#contents .inner {width:100%; max-width:1180px; height:auto; margin:0 auto;}

@media screen and (max-width: 1280px) {
	#contents .inner {max-width:100%; padding:0 4%;}
}
@media screen and (max-width: 900px) {
	/* sub layout : path */
	.path {display:none;}
	.path-mo {display:block;}
	/* sub layout : sub visual */
	.max-sub-visual {padding:5.714em .643em 0; font-size:1.867em;}
	/* contents layout */
	#contents {padding:5.133em 0;}
	#contents .inner {padding:0 1.2em;}
}

/* sub */
.sub_tit {margin-bottom:1.3em;}
.sub_cont {color:#999; line-height:150%;}
.sub_cont mark {color:#333;}
.box_pdb {padding-bottom:7.778em;}
.box_pdb100 {padding-bottom:5.556em;}
.box_pdt {padding-top:7.778em !important;}
.pb0 {padding-bottom:0 !important;}

.right_txt{text-align:right;}

@media screen and (max-width: 900px) {
	.box_pdb {padding-bottom:5.133em;}
	.box_pdt {padding-top:5.133em !important;}
	.box_pdb100 {padding-bottom:2.7em;}
}


/* 추가 스타일 - 20210304 최상림 */
/* video wrap */
.video-wrap {position:absolute; width:100%; height:100%;}
/*비디오 짤림 수정 .video-wrap video {width:100%; height:100%;} */
.video-wrap video {width:100%;}
.video-box {margin:0 0 7.77em;}
.video-box video {width:100%;}

@media screen and (max-width:900px){
.video-box {margin:0 0 5.133em;}
}


/* 메인 페이지 모달창 관련 */
.main_modal{display:none; position:fixed; z-index:10001; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.9); overflow:auto; }

.main_modal .btn_img{cursor:pointer;}




.main_modal .modal_content{position:relative; background-color:#fefefe; margin:4% auto; padding:2% 65px 2%; border:1px solid #888; width: 1240px; height:85%; }
.main_modal .modal_content .modal_close_div{position:absolute; cursor:pointer; right:20px; top:20px; width:25px; height:25px;z-index:2;}
.main_modal .modal_content .modal_content_p{position:relative; min-width:100%; min-height:100%; display:none; font-family:"Noto Sans KR","Montserrat"; font-weight:bold; }
.main_modal .modal_content .modal_content_p .modal_p_head{position:absolute; top:0; min-width:100%; min-height:12%; font-size:29px; line-height:38px;}
.main_modal .modal_content .modal_content_p .modal_p_body{position:absolute; top:12%; min-width:100%; min-height:76%; padding-top:40px;}
.main_modal .modal_content .modal_content_p .modal_p_tail{position:absolute; bottom:0; min-width:100%; min-height:12%;}
.main_modal .modal_content .modal_content_p .modal_main_head{min-height:18%;}
.main_modal .modal_content .modal_content_p .modal_p_head .navy{color:#184c80;}
.main_modal .modal_content .modal_content_p .modal_p_head .pink{color:#e45560;}
.main_modal .modal_content .modal_content_p .modal_main_body{min-height:70%; top:18%;text-align:center;}
.main_modal .modal_content .modal_content_p .modal_main_body img{position:absolute; top:calc(50% - 100px); left:calc(50% - 227px);}

.main_modal .modal_content .modal_content_p .modal_p_head .modal_title .title_sub{color:#707070; font-size:20px; font-weight:normal; line-height:25px;}
.main_modal .modal_content .modal_content_p .modal_p_head .modal_title .title_sub2{color:#707070; font-size:16px; font-weight:normal; line-height:25px;}

.main_modal .modal_content .modal_content_p .modal_p_body .p2_box{position:absolute; text-align:center; width: 49%; min-height:85%; padding-top:20px; border:solid 1px #707070; border-radius:5px; font-weight:100; font-size:22px; line-height:30px; color:#707070;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_box strong{font-weight:bold; font-size:28px; line-height:35px; color:#000;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_left{left:0; cursor:pointer;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_right{right:0; cursor:pointer;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_radio{position:absolute; bottom:20px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_box .p3_text{width:80%; min-height:150px; padding-left:10px; border:1px solid #707070; margin-bottom:20px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p2_box .p3_text2{width:80%; min-height:150px; padding-left:10px; border:1px solid #707070; }
.main_modal .modal_content .modal_content_p .modal_p_body .p4_box{width:50%; float:left; position:relative; text-align:center; font-size:22px; line-height:30px; margin-bottom:5px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p4_left{padding-right:5px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p4_right{padding-left:5px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p4_box img{width:100%;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_radio{position:absolute; bottom:20px;left:50%;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box{text-align:left; padding-top:10px; padding-left:15px; cursor:pointer; } 
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .light_strong{color:#707070; font-size:20px; line-height:25px; font-weight:100;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .mid_strong{color:#000; font-size:18px; line-height:24px; font-weight:normal;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .mid_normal{color:#707070; font-size:16px; line-height:24px; font-weight:normal;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .p5_box_center{text-align:center;}
.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .p5_box_center img{margin-bottom:4px;}
.main_modal .modal_content .modal_content_p .p6_body{font-weight:normal; font-size:16px; line-height:38px;} 
.main_modal .modal_content .modal_content_p .modal_p_body .p6_red{color:#e45560;}
.main_modal .modal_content .modal_content_p .modal_p_body .p6_box{float:left; width:50%; font-size:25px; margin-bottom:40px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p6_left{padding-right:60px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p6_right{padding-left:60px;}
.main_modal .modal_content .modal_content_p .modal_p_body .p6_box input{width:100%; min-height:64px; padding-left:10px; border:1px solid #707070; border-radius:5px; margin-top:10px;}
.main_modal .modal_content .modal_content_p .p7_body{padding-top: calc(50% - 450px)}
.main_modal .modal_content .modal_content_p .modal_p_body .p7_title{font-size:25px; }
.main_modal .modal_content .modal_content_p .modal_p_body .p7_notice{margin-top:10px; margin-bottom:10px; padding:5px; width:100%; height:200px; overflow-y:scroll; font-size:15px; font-weight:100; border:1px solid #707070;}

.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_btn_div{text-align:center;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_btn_div .btn_prev{padding-right:9px;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_btn_div .btn_next{padding-left:9px;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div{position:absolute; bottom:0; width:100%; height:13px; border-radius:13px;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div span{position:absolute; top:0; left:0; height:13px; background:#184c80; border-radius:13px;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step01{width:14%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step02{width:28%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step03{width:43%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step04{width:57%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step05{width:71%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step06{width:85%; border-top-right-radius:0; border-bottom-right-radius:0;}
.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div .bar_step07{width:100%; }

/*버튼*/
.div_bc {position:fixed; z-index:9900; bottom:125px; left:-20px; cursor:pointer;}
.div_bc_m {display:none; }

@media screen and (max-width:900px){
	.div_bc{display:none;}
	.div_bc_m {display:block; position:fixed; z-index:9900; bottom:85px; right:-20px; cursor:pointer;}

	.main_modal .modal_content{width:760px; max-width:85%; height:90%; padding:2% 20px 2%;}
	.main_modal .modal_content .modal_content_p .modal_p_head{top:0; min-width:100%; min-height:20%; font-size:18px; line-height:25px;padding-top:40px;}
	.main_modal .modal_content .modal_content_p .modal_p_body{top:20%; min-width:100%; min-height:68%; max-height:68%; padding-top:0; overflow:scroll;}
	.main_modal .modal_content .modal_content_p .modal_p_tail{bottom:0; min-width:100%; padding-top:10px; min-height:12%;}
	.main_modal .modal_content .modal_content_p .modal_main_head{min-height:30%; font-size:28px; line-height:38px;}
	.main_modal .modal_content .modal_content_p .modal_main_body{min-height:58%; top:30%;text-align:center;}

	.main_modal .modal_content .modal_content_p .modal_p_head .modal_title .title_sub{color:#707070; font-size:14px; font-weight:normal; line-height:25px;}
	.main_modal .modal_content .modal_content_p .modal_p_head .modal_title .title_sub2{color:#707070; font-size:14px; font-weight:normal; line-height:25px;}

	.main_modal .modal_content .modal_content_p .modal_main_body img{position:relative; max-width:80%; width:290px; top:unset; left:unset; margin-top:80px;}
	.main_modal .modal_content .modal_content_p .modal_p_tail .p_tail_bar_div{display:none;}

	.main_modal .modal_content .modal_content_p .modal_p_body .p2_box{position:relative; text-align:center; width: 100%; min-height:85%; padding-top:20px; border:0; font-size:14px; line-height:25px; }
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_radio{position:relative;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_left{padding-top:50px;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_right{padding-top:50px;}

	.main_modal .modal_content .modal_content_p .modal_p_body .p2_box .p3_text{width:100%;min-height:unset; margin-bottom:10px;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_box label{position:absolute; right:0; }
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_box label img{width:80px;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p2_box .p3_text2{width:100%;}

	.main_modal .modal_content .modal_content_p .modal_p_body .p4_box{width:100%; padding-left:0; padding-right:0;}
	
	.main_modal .modal_content .modal_content_p .modal_p_body .p5_box{padding-left:0; border:1px solid #e0e0e0; padding:10px; margin-bottom:10px;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .mid_strong{font-size:15px; }
	.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .mid_normal{font-size:14px;}
		.main_modal .modal_content .modal_content_p .modal_p_body .p5_box .p5_box_center{display:none;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p5_radio{position:relative; bottom:unset; left:unset;}

	.main_modal .modal_content .modal_content_p .modal_p_body .p6_box{width:100%; padding-left:0; padding-right:0; margin-bottom:15px; font-size:20px; line-height:32px;}
	.main_modal .modal_content .modal_content_p .modal_p_body .p6_box input{min-height:32px; margin-top:0;}


	
	.main_modal .modal_content .modal_content_p .m_hide_content{display:none;}
}