@charset "utf-8";

.greetingBox{position:relative;z-index:10;padding:50px 0;border-bottom:5px solid #000;overflow:hidden}
.greetingBox>img{position:absolute;bottom:-1px;left:0}
.greetingBox .textWrap{position:relative;padding-left:50%}
.greetingBox .textWrap h4{font-size:2.25em;font-weight:800;font-family: 'BusanBada';}
.greetingBox .title {margin-top:15px;font-size:1.55em;font-weight:500;color:#ff4520;line-height:1.5;letter-spacing:-0.05em}
.greetingBox p{margin:35px 0;font-size:1.25em;font-weight:300;color:#666;line-height:1.7}
.greetingBox .sign{padding-top:30px;font-size:1.95em;font-weight:500;letter-spacing:-0.05em}
.greetingBox .sign>strong{padding-left:10px;font-weight:900}
.greetingBox ul li {margin-bottom: 10px;position: relative;}
.greetingBox ul li p {margin: 0;position: relative; padding-left: 1.2em;}
.greetingBox ul li p::before {content: ""; position: absolute;left: 0;	top: 0.4em;	width: 0.5em;	height: 0.8em;	border-bottom: 3px solid var(--key-color);	border-right: 3px solid var(--key-color);	transform: rotate(45deg);}
.organization .chart{margin:0 auto;width:1030px;max-width:94%;text-align:center}
.organization .chart .member{display:inline-block;position:relative}
.organization .chart .member>strong{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.5em;color:#ff5e3e}
.organization .chart>.depth01, .organization .chart>.depth02{position:relative}
.organization .chart>.depth01:before{content:'';position:absolute;z-index:10;bottom:-30px;left:50%;transform:translateX(-50%);width:22px;height:21px;background:url('../img/images/sub/organizationDot.png') 0 0 no-repeat}
.organization .chart>.depth02>.line{position:absolute;top:38%;left:50%;transform:translate(-50%, -50%);width:19%;height:2px;background:#eee}
.organization .chart>.depth02>.line:before{content:'';position:absolute;z-index:10;top:-10px;left:0;width:22px;height:21px;background:url('../img/images/sub/organizationDot.png') 0 0 no-repeat}
.organization .chart>.depth02>.line:after{content:'';position:absolute;z-index:10;top:-10px;right:0;width:22px;height:21px;background:url('../img/images/sub/organizationDot.png') 0 0 no-repeat}
.organization .chart>.depth02 .member>strong{color:#ff937e}
.organization .chart>.depth02>ul{margin:10px auto 0;width:85%}
.organization .chart>.depth02>ul:after{content:'';display:block;clear:both}
.organization .chart>.depth02>ul>li{float:left;width:50%;padding:10px 0 80px;box-sizing:border-box}
.organization .chart>.depth02>ul>li:first-child{border-right:1px solid #eee}
.organization .chart>.depth02>ul>li:last-child{border-left:1px solid #eee}
.organization .chart>.depth03>ul:after{content:'';display:block;clear:both}
.organization .chart>.depth03>ul{margin:0 -30px}
.organization .chart>.depth03>ul>li{float:left;width:33.33333333%;position:relative;margin:0 auto}
.organization .chart>.depth03>ul>li:before{content:'';position:absolute;z-index:10;top:-10px;left:50%;transform:translateX(-50%);width:22px;height:21px;background:url('../img/images/sub/organizationDot.png') 0 0 no-repeat}
.organization .chart>.depth03>ul>li.d02{border-top:2px solid #eee}
.organization .chart>.depth03>ul>li.d02:before{top:-11px}
.organization .chart>.depth03>ul>li>div{position:absolute;width:50%;height:2px;background:#eee}
.organization .chart>.depth03>ul>li.d01>div{right:0}
.organization .chart>.depth03 dl{margin:30px}
.organization .chart>.depth03>ul>li.d02>dl{margin-top:28px}
.organization .chart>.depth03 dl>dt{background:url('../img/images/sub/organization_bg03.png') 50% 50% no-repeat;background-size:cover;padding:20px 0;border-radius:20px;font-size:1.2em;font-weight:500;color:#fff}
.organization .chart>.depth03 dl>dd{margin-top:10px;padding:30px 0;background:#f9f9f9;border-radius:20px;font-size:1.15em;font-weight:500;line-height:1.5}

@media all and (max-width:991px){
	.greetingBox {padding:30px 0 50%;}
	.greetingBox>img{left:auto;right:-14%;width:70%;transform:rotate(0deg);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}
    .greetingBox .title>br{display:none}
	.greetingBox .textWrap{padding:0 30px}
	.greetingBox .textWrap h4 {font-size:2.17em;}
	.greetingBox .title {font-size:1.5em;}
	.greetingBox .sign {font-size:1.5em;}
	.greetingBox .sign strong {display:block; padding-left:0; font-size:1.4em;}
}
@media all and (max-width:767px){
	.greetingBox {padding:30px 0 65%;}
    .greetingBox{margin:0 -3%}
    .greetingBox .textWrap{padding:0 20px}


    .organization .chart .member img{width:160px}
    .organization .chart .member>strong{font-size:1.4em}
    .organization .chart>.depth02>.line{width:22%}
    .organization .chart>.depth02>ul{width:100%}
    .organization .chart>.depth03>ul{margin:0 -20px}
    .organization .chart>.depth03 dl{margin:30px 20px}
}
@media all and (max-width:600px){
    .organization .chart .member img{width:140px}
    .organization .chart>.depth02>.line{top:35%}
    .organization .chart>.depth03>ul{margin:0 -10px}
    .organization .chart>.depth03 dl{margin:30px 10px}
}
@media all and (max-width:430px){
    .greetingBox>img{right:-20%;width:auto; opacity: 0.4;}
    .greetingBox p{width:100%}

    .organization .chart .member img{width:120px}
    .organization .chart .member>strong{font-size:1.3em;letter-spacing:-0.05em}
    .organization .chart>.depth02>.line{width:27%}
    .organization .chart>.depth02>ul>li:first-child{text-align:left;padding-left:10px}
    .organization .chart>.depth02>ul>li:last-child{text-align:right;padding-right:10px}
    .organization .chart>.depth03>ul{margin:0 -5px}
    .organization .chart>.depth03 dl{margin:30px 5px}
    .organization .chart>.depth03 dl>dt{padding:15px 0;border-radius:10px;letter-spacing:-0.05em}
}
@media all and (max-width:414px){

    .organization .chart .member img{width:110px}
    .organization .chart>.depth02>.line{top:33%}
}
@media all and (max-width:376px){
}
@media all and (max-width:320px){
    .organization .chart .member img{width:100px}
    .organization .chart .member>strong{font-size:1.2em;letter-spacing:-0.07em}
    .organization .chart>.depth02>ul>li:first-child{padding-left:0}
    .organization .chart>.depth02>ul>li:last-child{padding-right:0}
    .organization .chart>.depth03 dl{margin:30px 2px}
    .organization .chart>.depth03 dl>dt{font-size:1.1em;letter-spacing:-0.07em}
}




/* 회사소개 */
.dfbox {display: flex;}
.vision_c01 {background:url('../img/images/sub/vision_s01_bg.png') no-repeat 0 center;}
.vision_c01 .cbox {display:inline-block; width:100%;}
.vision_c01 .tcont {float:left; width:50%; padding-right:45px; padding-top:30px; color:#222222;}
.vision_c01 .img {float:right; width:50%; padding-left:45px;}
.vision_c01 .img p {position:relative; z-index:3;}
.vision_c01 .img p::after {position:absolute; top:40px; left:-40px; z-index:-2; width:100%; height:100%; border-radius:75px; background:#f8f8f8; content:'';}
.vision_c01 .img img {display:block; width:100%;}
.vision_c01 .img p span {display:block; overflow:hidden; position:relative; border-radius:75px;}
.vision_c01 .t01 {margin-top:40px; font-size:1.5em; font-weight:200;}
.vision_c01 .t02 {display: -ms-flexbox!important; display: flex!important; margin-top:30px; font-size:1.55em;}
.vision_c01 .t02+.t02 {margin-top:10px;}
.vision_c01 .t02 strong {padding-right:10px; font-size:1.2em; white-space:nowrap; color:#ff4e0a; font-weight:700;}
.vision_c01 .t02 span {flex:1; font-weight:500;}
.vision_c01 .t03 {margin-top:70px; font-size:1.4375em; font-weight:500;}
.vision_c01 .t03+.t03 {margin-top:5px;}
.vision_c01 .t03 strong {display:inline-block; font-size:1.5em; font-weight:700; margin-right:15px;}
.vision_c01 .t03 .space {display:inline-block; width:2px;}
@media all and (max-width:991px){
	.vision_c01 {background-size:450px auto; background:none;}
	.vision_c01 .tcont {width:60%; padding-right:20px;}
	.vision_c01 .img {width:40%; padding-left:30px;}
	.vision_c01 .img p::after {top:20px; left:-20px; border-radius:55px;}
	.vision_c01 .img p span {border-radius:55px;}
	.vision_c01 .t01 {font-size:1.45em;}
	.vision_c01 .t02 {font-size:1.55em}
	.vision_c01 .t03 {font-size:1.1478em}
}
@media all and (max-width:767px){
	.vision_c01 {background-size:300px auto;}
	.vision_c01 .logo01 {width:160px;}
	.vision_c01 .logo02 {display:block; width:90px; margin:8px 0;}
	.vision_c01 .tcont {width:100%; margin-top:50px; padding:0;}
	.vision_c01 .img {width:100%; padding-left:0;}
	.vision_c01 .img p::after {left:20px;}
	.vision_c01 .img p {max-width:300px; margin:auto;}
	.vision_c01 .t01 {margin-top:28px;}
	.vision_c01 .t02 {margin-top:20px;}
	.vision_c01 .t03 {margin-top:50px;}
	.vision_c01 .t03 strong {}
}



.vision_num {display:block; width:80px; height:80px; margin:auto; font-size:2.5em; color:#fff; font-family: 'Roboto', sans-serif; font-weight:700; text-align:center; line-height:80px; background:url('../img/images/sub/num_bg.png') no-repeat center; background-size:cover;}
.vision_stit {margin:25px 0 50px; font-size:2.5em; font-weight:200; text-align:center; font-weight:500;}

.vision_c02 {position:relative; z-index:2; color:#222222;}
.vision_c02 .cbox {overflow:hidden; border:1px solid #cccccc; display: -ms-flexbox!important; display: flex!important; background:#fff; -ms-flex-align: stretch!important; align-items: stretch!important; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius:50px; box-shadow: 0px 0px 57px rgba(0,0,0,0.2);}
.vision_c02 .cbox .img {position:relative; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; background:url('../img/images/sub/vision_s02_img.jpg') no-repeat center; background-size:cover;}
.vision_c02 .cbox .img p {position:absolute; top:0; left:0; right:0; padding:140px 20px; text-align:center;}
.vision_c02 .cbox .tcont {-ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; padding:40px 45px; font-size:1.25em; line-height:2; font-weight:200;}

.vision_c02.s01::after {position:absolute; top:100px; left:50%; z-index:-1; width:1920px; height:100%; margin-left:-970px; background:url('../img/images/sub/vision_s02_bg.png') no-repeat 0 0; content:'';}
.vision_c02.s02 .cbox .img {background-image:url('../img/images/sub/vision_s03_img.jpg');}

@media all and (max-width:1100px){
	.vision_c02 .cbox {max-width:660px; margin:auto;}
	.vision_c02 .cbox .img,
	.vision_c02 .cbox .tcont {-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width:100%;}
	.vision_c02 .cbox .img {padding-bottom:80%;}
	.vision_c02 .cbox .img p {padding:15% 10%;}
	.vision_c02.s02 .cbox .img {padding-bottom:90%;}

	.vision_c02.s01::after {display:none;}
}
@media all and (max-width:991px){
	.vision_num {width:70px; height:70px; line-height:70px; font-size:2em;}
	.vision_stit {margin:20px 0 40px; font-size:2em;}

	.vision_c02 .cbox {border-radius:40px;}
	.vision_c02 .cbox .tcont {padding:30px 40px;}
}
@media all and (max-width:767px){
	.vision_num {width:55px; height:55px; line-height:55px;}
	.vision_stit {margin:15px 0 30px;}

	.vision_c02 .cbox {border-radius:30px;}
	.vision_c02 .cbox .tcont {padding:20px 25px;}
}


.vision_c03 {position:relative; margin-top:-322px; padding-top:450px; text-align:center; background:none;}
.vision_c03::after {position:absolute; top:0; left:50%; z-index:-1; width:4000px; height:1000px; margin-left:-2000px; background:url('../img/images/sub/vision_s03_bg.png') #fafeff no-repeat center 0; content:'';}
.vision_c03::before {background:#fbfeff}
.vision_c03 .cbox {position:relative; z-index:2;}
.vision_c03 .tit {display:inline-block; position:relative; margin-bottom:100px; padding:0 70px; font-size:3.125em; font-weight:200; background:url('../img/images/sub/vision_s04_bg.png') no-repeat center bottom; background-size:100% auto;}
.vision_c03 h4::before,
.vision_c03 h4::after {font-size:1.8em; color:#ff4520; font-weight:700;}
.vision_c03 h4::before {position:absolute; top:-40px; left:0; content:'“';}
.vision_c03 h4::after {position:absolute; top:-40px; right:0; content:'”';}
.vision_c03 h4 strong {color:#ff4520; font-weight:700;}
.vision_c03 h4 span,
.vision_c03 h4 strong {display:inline-block; position:relative; padding-bottom:10px;}
.vision_c03 h4 br {display:none;}
@media all and (max-width:991px){
	.vision_c03 {padding-top:420px;}
	.vision_c03::after {top:0; left:-30px; right:-30px; width:auto; margin:0; background-size:100% auto;}
	.vision_c03 .tit {margin-bottom:70px; padding:0 40px; font-size:2.1em}
	.vision_c03 h4::before,
	.vision_c03 h4::after {top:-25px;}
}
@media all and (max-width:767px){
	.vision_c03 {padding-top:390px;}
	.vision_c03 .tit {margin-bottom:40px; padding:0 10px; background:none;}
	.vision_c03 h4 span,
	.vision_c03 h4 strong {padding:0 25px 7px; background:url('../img/images/sub/vision_s04_bg.png') no-repeat center bottom; background-size:100% auto;}
	.vision_c03 h4::before,
	.vision_c03 h4::after {top:-20px; height:24px;}
	.vision_c03 h4 br {display:block;}
}

.condition_c01 {}
.condition_c01 .list {max-width:1172px; margin:auto;}
.condition_c01 .list ul {overflow:hidden; margin:0 -2.133%;}
.condition_c01 .list li {float:left; width:50%; padding:0 2.133%;}
.condition_c01 .list p {margin-top:20px; font-size:1.4375em; font-weight:500; text-align:center;}
@media all and (max-width:991px){
	.condition_c01 .list p {margin-top:15px; font-size:1.15em;}
}
@media all and (max-width:767px){
	.condition_c01 .list p {margin-top:10px;}
}


.history .cbox {display:inline-block; width:100%;}
.history .history_img {float:left; width:50%; padding-right:140px; text-align:center;}
.history .history_img li+li {margin-top:50px;}
.history_list {float:left; position:relative; width:50%;}
.history_list::before {position:absolute; top:0; bottom:0; left:0; width:1px; background:#eeeeee; content:'';}
.history_list li {position:relative; padding:68px 0 45px;}
.history_list li i {position:absolute; top:0; left:0; width:34px; height:34px; margin-left:-17px; border-radius:100%; border:1px solid #ff4520; background:#fff; content:'';}
.history_list li i::after {position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px; border-radius:100%; background:#ff4520; content:'';}
.history_list li .year {position:absolute; top:0; left:-133px; font-family: 'Roboto', sans-serif; font-weight:700; font-size:2.0625em; color:#ff4520; line-height:1;}
.history_list li > div {position:relative; border-top:1px solid #eeeeee; padding-left:30px; padding-top:15px;}
.history_list li > div::before {position:absolute; top:0; left:0; width:13px; height:13px; margin:-6px; border-radius:100%; border:1px solid #999999; background:#fff; content:'';}
.history_list li p {position:relative; padding-left:80px; font-size:1em; color:#666666;}
.history_list li p+p {margin-top:12px;}
.history_list li p strong {position:absolute; top:0; left:0; font-size:1.25em; color:#222222;}
.history_list li p span {display:inline-block; line-height:1.75;}
@media all and (max-width:1200px){
	.history .history_img {padding-right:160px;}
	.history_list li .year {left:-110px;}
}
@media all and (max-width:991px){
	.history .history_img {overflow:hidden; float:none; width:auto; padding-right:0; margin:-10px;}
	.history .history_img li {float:left; width:25%; padding:10px;}
	.history .history_img li+li {margin:0;}
	.history_list {float:none; width:auto; margin-top:50px; margin-left:120px;}
}
@media all and (max-width:767px){
	.history .history_img li {width:50%;}

	.history_list {margin-left:90px;}
	.history_list::before {top:5px;}
	.history_list li {padding:50px 0 25px;}
	.history_list li i {margin-top:-4px; transform:scale(0.6);}
	.history_list li .year {left:-85px;}
	.history_list li > div {padding-left:15px; padding-top:10px;}
	.history_list li p {padding-left:55px;}
}


.tab_menu {margin-bottom:50px; border-bottom:2px solid #f7f7f7; text-align:center;}
.tab_menu ul {display:inline-block; vertical-align:top;}
.tab_menu li {float:left; width:300px;}
.tab_menu a {display:block; position:relative; padding:15px; font-size:1.4375em; color:#cccccc; font-weight:700; transition:all 0.4s;}
.tab_menu a::after {position:absolute; left:50%; right:50%; bottom:-2px; height:5px; background:#935aff; content:''; transition:all 0.4s;}
.tab_menu li a:hover,
.tab_menu li.on a {color:#935aff;}
.tab_menu li.on a::after {opacity:1; left:0; right:0;}

@media all and (max-width:1200px){
	.tab_menu ul {width:100%;}
	.tab_menu li {width:33.33%;}
}
@media all and (max-width:991px){
	.tab_menu a {font-size:1.15em;}
	.tab_menu a::after {height:3px;}
}

.list_t01 > li {position:relative;}
.list_t01 > li+li {margin-top:13px;}
.list_t01 > li > div {position:relative; min-height:58px; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important;}
.list_t01 > li > div::after {position:absolute; left:58px; right:0; bottom:0; height:1px; background:#eeeeee; content:'';}
.list_t01 > li > div > .num {width:58px; height:58px; border-radius:0 18px 0 18px; font-size:1.4375em; font-weight:500; text-align:center; color:#fff; line-height:58px; background:#935aff;}
.list_t01 > li > div > p {flex:1; padding:8px 0 8px 16px; font-size:1.125em; color:#222222; font-weight:700;}
.list_t01 .list_t02 {margin:25px 0 10px 74px;}

.list_t02 > li {position:relative; padding-left:25px; font-size:1.125em; line-height:1.66; color:#666666;}
.list_t02 > li+li {margin-top:20px;}
.list_t02 > li .num {position:absolute; top:0; left:0;}
.list_t02 > li > strong {display:block; margin-bottom:7px; color:#222222; font-weight:500;}

.cont_t01 {position:relative; padding-left:10px; font-weight:300;}
.cont_t01::before {position:absolute; top:0; left:0; content:'-'}

@media all and (max-width:767px){
	.list_t01 .list_t02 {margin:15px 0 10px 15px;}
	.list_t01 > li > div {min-height:45px;}
	.list_t01 > li > div::after {left:45px;}
	.list_t01 > li > div > .num {width:45px; height:45px; border-radius:0 15px 0 15px; line-height:45px;}
	.list_t01 > li > div > p {padding:5px 0 5px 12px;}
	.list_t02 > li {padding-left:20px;}

	.cont_t01 {padding-left:8px;}
}

.ethical_c01 .stitle01 {margin-top:10px;}
.ethical_c01 .cbox {overflow:hidden; margin-top:30px;}
.ethical_c01 .img_wrap {float:left; width:50%; padding-right:50px;}
.ethical_c01 .img_wrap img {}
.ethical_c01 .list_t01 {float:left; width:50%; margin-top:60px;}
@media all and (max-width:991px){
	.ethical_c01 .cbox {}
	.ethical_c01 .img_wrap,
	.ethical_c01 .list_t01 {float:none; width:auto; padding:0;}
}
@media all and (max-width:767px){
	.ethical_c01 .list_t01 {margin-top:35px;}
}


.company_c01 .cbox {overflow:hidden; margin-top:30px;}
.company_c01 .tcont {float:left; width:50%; padding-left:28px; padding-right:20px; font-size:1.25em; color:#666666; line-height:1.75;}
.company_c01 .img_wrap {float:right; width:50%; padding-left:25px; text-align:right;}
@media all and (max-width:991px){
	.company_c01 .cbox {margin-left:28px;}
	.company_c01 .img_wrap,
	.company_c01 .tcont {float:none; width:auto; padding:0;}
	.company_c01 .tcont {margin-top:50px;}
	.company_c01 .img_wrap {text-align:left;}
}
@media all and (max-width:767px){
	.company_c01 .cbox {margin-left:25px;}
	.company_c01 .tcont {margin-top:30px;}
}

.company_c02 .cbox {padding:90px 30px; text-align:center;}
@media all and (max-width:991px){
	.company_c02 .cbox {padding:70px 30px;}
}
@media all and (max-width:767px){
	.company_c02 .cbox {padding:45px 0px 45px 20px;}
}

.laboratory_c01 {position:relative; margin-top:90px; text-align:center;}
.laboratory_c01 ul {position:absolute; top:0px; left:-315px; right:-310px; z-index:10; overflow:hidden; padding-top:95px; font-size:1.125em; color:#666666;}
.laboratory_c01 li {float:left; width:50%; padding:0px 315px; text-align:left;}
.laboratory_c01 strong {display:none;}
.laboratory_c01 li.s01,
.laboratory_c01 li.s03 {text-align:right;}
.laboratory_c01 li.s03,
.laboratory_c01 li.s04 {padding-top:315px;}
@media all and (max-width:1200px){
	.laboratory_c01 ul {position:relative; left:0; right:0; padding:0; margin-top:20px;}
	.laboratory_c01 li {position:relative; float:none; width:auto; padding:0 0 0 110px !important; text-align:left !important;}
	.laboratory_c01 li+li {margin-top:20px;}
	.laboratory_c01 strong {display:block; position:absolute; top:0; left:0; color:#222222; font-weight:700; font-size:1.111em;}
	.laboratory_c01 li br {display:none;}
}
@media all and (max-width:991px){
	.laboratory_c01 {margin-top:70px;}
}
@media all and (max-width:767px){
	.laboratory_c01 {margin-top:35px;}
}


.intellectualProperty_c01 ul {overflow:hidden; margin:-30px;}
.intellectualProperty_c01 li {float:left; width:33.333%; padding:30px;}
.intellectualProperty_c01 .inbox {padding:35px; text-align:center; background:#f4f6f8;}
.intellectualProperty_c01 strong {font-size:1.875em; font-weight:700;}
.intellectualProperty_c01 p {margin-top:2px; font-size:1.25em; color:#666666; font-weight:300;}
.intellectualProperty_c01 img {margin-top:25px; border:1px solid #cccccc; max-width:100%;}
@media all and (max-width:1200px){
	.intellectualProperty_c01 ul {margin:-20px;}
	.intellectualProperty_c01 li {padding:20px;}
}
@media all and (max-width:991px){
	.intellectualProperty_c01 ul {margin:-10px;}
	.intellectualProperty_c01 li {padding:10px;}
	.intellectualProperty_c01 .inbox {padding:25px;}
	.intellectualProperty_c01 strong {font-size:1.5em;}
	.intellectualProperty_c01 p {font-size:1em;}
	.intellectualProperty_c01 img {margin-top:15px}
}
@media all and (max-width:767px){
	.intellectualProperty_c01 li {width:100%;}
	.intellectualProperty_c01 .inbox {padding:35px;}
	.intellectualProperty_c01 strong {font-size:1.875em;}
	.intellectualProperty_c01 p {font-size:1.25em;}
}

.directions {overflow:hidden;}
.directions .cbox {float:left; width:47.7%;}
.directions .cbox+.cbox {float:right;}
.directions .mbox {height:550px;}
.directions .info {padding:30px 40px; border:1px solid #eeeeee; border-top:0px;}
.directions .info li {position:relative; padding-left:92px; font-size:1.125em;}
.directions .info li+li {margin-top:20px;}
.directions .info li strong {position:absolute; top:0; left:0; margin-right:28px; font-size:1.111em; font-weight:700;}
.directions .info li span {color:#666666;}
@media all and (max-width:1100px){
	.directions .cbox {float:none !important; width:auto;}
	.directions .cbox+.cbox {margin-top:70px;}
}
@media all and (max-width:767px){
	.directions .mbox {height:350px;}
	.directions .cbox+.cbox {margin-top:40px;}
	.directions .tab {margin-top:10px;}
	.directions .info {padding:20px;}
	.directions .info li {display:block; position:relative; margin:0; padding-left:75px;}
	.directions .info strong {position:absolute; top:3px; left:0; margin:0;}
}



/* 인사말 B */
.greeting.type_b>div::after {content: ''; display: block; clear: both;}
.greeting.type_b .img_holder, .txt_holder {width:50%; float:left}
.greeting.type_b .img_holder {position:relative; z-index: 1; margin-top: 60px;}
.greeting.type_b .img_holder::after {content: ""; display: block; position: absolute; bottom: -10%; left: -7.6%; width: 91%; height: 100%; background:#fff6f4; z-index:-1;}
.greeting.type_b .img_holder .img_box {max-width:600px; width:100%;}
.greeting.type_b .img_holder .img_box img{width:100%}
.greeting.type_b .txt_holder{padding-top:105px; padding-left:20px; z-index: 10; position: relative; }
.greeting.type_b .txt_holder h2{font-size:40px; color:#222; padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #222; font-weight: 300; line-height: 1.4em;}
.greeting.type_b .txt_holder .intro_bold {font-size:36px; font-weight:800; display: block;font-family: 'BusanBada';}
.greeting.type_b .txt_holder p{font-size:18px; color:#666; line-height:1.4em; word-break: keep-all;}
.greeting.type_b .txt_holder p:not(:last-child) {padding-bottom: 45px;}
.greeting.type_b .txt_holder .title {margin-bottom:30px;font-size:1.55em;font-weight:500;color:#ff4520;line-height:1.5;letter-spacing:-0.05em}
.greeting.type_b .txt_holder .sign{padding-top:30px;font-size:1.95em;font-weight:500;letter-spacing:-0.05em}
.greeting.type_b .txt_holder .sign>strong{padding-left:10px;font-weight:900}

@media (max-width: 980px) {
.greeting.type_b .img_holder, .txt_holder {float: none; width: 100%;}
.greeting.type_b .img_holder {width: 60%; margin: 0 auto;}
.greeting.type_b .txt_holder {padding-top: 70px;}
.greeting.type_b .txt_holder h2 {font-size: 5vw;}
.greeting.type_b .txt_holder .intro_bold {font-size: 5vw;}
.greeting.type_b .txt_holder .title {font-size: 1.5em;}
.greeting.type_b .txt_holder .title br {display: none;}
.greeting.type_b .txt_holder .sign {font-size:1.5em;}
.greeting.type_b .txt_holder .sign strong {display:block; padding-left:0; font-size:1.4em;}
}

@media (max-width: 480px) {
.greeting.type_b .img_holder {margin: 0 auto; width: 70%;}
.greeting.type_b .txt_holder {padding: 60px 10px 0 10px;}
.greeting.type_b .txt_holder h2 {font-size: 6.5vw; padding-bottom: 20px; margin-bottom: 25px;}
.greeting.type_b .txt_holder .intro_bold {font-size: 6.5vw;}
.greeting.type_b .txt_holder p {font-size: 4vw;}
.greeting.type_b .txt_holder p:not(:last-child) {padding-bottom: 25px;}
}



/* 인사말 C */
.subContainer .greeting_area .greeting_area_inner > div{width:50%}
.subContainer .greeting_area .greeting_area_inner .txt_holder > div h3{font-size:40px; font-weight:300; color:#222; letter-spacing:-3px; line-height:1.3em; padding-bottom:40px}
.subContainer .greeting_area .greeting_area_inner .txt_holder > div h3 strong{font-weight:900; color:#222;font-family: 'BusanBada';line-height: .5;}
.subContainer .greeting_area .greeting_area_inner .txt_holder > div h3 strong span{font-size: 25px;}
.subContainer .greeting_area .greeting_area_inner .txt_holder > div p{font-size:17px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.6em}
.subContainer .greeting_area .greeting_area_inner .txt_holder > div p + p{padding-top:30px}
.subContainer .greeting_area.type_c .greeting_area_inner{background:none;display:flex; flex-flow:row nowrap; align-items:stretch;}
.subContainer .greeting_area.type_c .greeting_area_inner .img_holder{text-align: right;background:none;}
.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div{padding:0; padding-top: 50px;}
.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div h3{font-size:36px;  line-height:1.4em; }
.subContainer .greeting_area.type_c .txt_holder .title {margin-bottom:30px;font-size:1.55em;font-weight:500;color:#ff4520;line-height:1.5;letter-spacing:-0.05em}
.subContainer .greeting_area.type_c .txt_holder .sign{padding-top:30px;font-size:1.95em;font-weight:500;letter-spacing:-0.05em}
.subContainer .greeting_area.type_c .txt_holder .sign>strong{padding-left:10px;font-weight:900}

@media all and (max-width:1280px) {
	.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div h3{font-size:35px}
	.subContainer .greeting_area .greeting_area_inner .txt_holder > div p{font-size:16px; word-break: keep-all;}
}

@media all and (max-width:980px) {
	.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div h3{font-size:25px; padding-bottom:40px}
	.subContainer .greeting_area .greeting_area_inner .txt_holder > div p{font-size:14px}
	.subContainer .greeting_area.type_c .txt_holder .title {font-size: 1.5em;}
	.subContainer .greeting_area.type_c .txt_holder .title br {display: none;}
	.subContainer .greeting_area.type_c .sign {font-size:1.5em;}
	.subContainer .greeting_area.type_c .sign strong {display:block; padding-left:0; font-size:1.4em;}
}

@media all and (max-width:900px) {
	.subContainer .greeting_area.type_c .greeting_area_inner{display:inline-block;}
	.subContainer .greeting_area.type_c .greeting_area_inner .img_holder {  text-align: center;}
	.subContainer .greeting_area.type_c .greeting_area_inner .img_holder > img{width:100%;}
	.subContainer .greeting_area.type_c .greeting_area_inner > div { width: 100%;}
	.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div{padding:0}
}

@media all and (max-width:480px) {
	.subContainer .greeting_area.type_c .greeting_area_inner .txt_holder > div h3{padding-bottom:30px}
	.subContainer .greeting_area .greeting_area_inner .txt_holder > div p + p{padding-top:15px}
}




/* 오시는 길*/

#map {width: 100%; height: 450px; margin: 0 auto;}
.contents_section dl {display:table; width:100%;}
.contents_section dt, .contents_section dd {display:table-cell; }

.contents_section.location_section .location_top {display: flex;}
.contents_section.location_section {margin-bottom: 100px;}
.contents_section.location_section .location_top > div {width: 100%; border-radius: 12px; overflow: hidden; }
.contents_section.location_section .location_top .img_holder {margin-right: auto;}
.contents_section.location_section .location_top .img_holder img {width: 100%;}
.contents_section.location_section dl {display: block;}
.location_section .company_info {width: 100%; padding: 40px 0;}
.location_section .company_info dt {color: var(--key-color); font-size: 21px; font-weight: 500; font-family: 'Poppins', sans-serif !important; border: 2px solid var(--key-color); border-radius: 50px; padding: 3px 15px; display: inline-block;}
.location_section .company_info .row {margin-bottom: 40px;}
.location_section .company_info .row2 {display: flex;}
.location_section .company_info .row2 .sm_box {display: flex; width: 50%;}
.location_section .company_info .row2 dl {}
.location_section .company_info .row dt {margin-bottom: 15px;}
.location_section .company_info .row dd { padding-left: 15px; font-size: 18px; color: #888; position: relative;}
.location_section .company_info .row dd:before {content: "·"; display: block; position: absolute; top: 50%; transform: translateY(-50%); left:0;}
.location_section .company_info .row dd a {color: inherit;}

.root_daum_roughmap_landing {width:100%; height:100%;}
.root_daum_roughmap .wrap_map {height:100% !important;}

@media only screen and (max-width: 980px) {
	#map {height:100%;}
	.contents_section.location_section .location_top > div {height: 300px;}
	.contents_section.location_section .map_holder {width: 95%; margin: 0 auto 40px; }
	.location_section .company_info {padding: 10px 20px;}

}

@media only screen and (max-width: 767px) {
	.contents_section.location_section .location_top {padding-top: 40px; }
	.contents_section.location_section .img_holder {display: none;}
	.contents_section.location_section .location_top > div {width: 95%;}
	.contents_section.location_section .map_holder {margin: 0 auto;}
	.location_section .company_info {padding: 40px 10px;}
	.location_section .company_info .row {margin-bottom: 22px;}
	.location_section .company_info .row2 .sm_box {width: 100%; margin-bottom: 22px;}
	.location_section .company_info .row2 {flex-wrap: wrap;}
	.location_section .company_info .row dt {font-size: 2.7vw; margin-bottom: 8px;}
	.location_section .company_info .row dd {font-size: 2.2vw;}
}

@media only screen and (max-width: 480px) {
	.location_section .company_info .row, .location_section .company_info .row2 .sm_box {margin-bottom: 16px;}
	.location_section .company_info .row dt {font-size: 3.7vw;}
	.location_section .company_info .row dd {font-size: 3.4vw;}
}