/*
CSS 작성 순서
배치					display, position, visibility, overflow, float, clear,
크기,여백			margin, padding, width, height, min & max
테두리와 배경	border, background
폰트					color, line-height, font-size, font-weight, font-style, font-family, text-decoration, text-align, letter-spacing, white-space, text-overflow
기타					여기서 언급하지 않은 나머지 속성들은 폰트 속성 이후에 선언하며, 선언 순서는 무관하다.
*/

#visual .slides li.black div * {color:#181a19;}

@media screen and (min-width: 1200px) {
	.content {max-width:1920px !important;}

	#visual {max-width:1920px; margin:0 auto; position:relative;}
	#visual .flex-control-nav {padding-top:43px; text-align:center;}
	#visual .flex-control-nav li {width:69px; display:inline-block;}
	#visual .flex-control-nav li a {margin:0 6px; font-size:0; border-top:8px solid #cbcbcb; display:block;}
	#visual .flex-control-nav li a.flex-active {border-color:#5b37b0;}

	#visual .flex-direction-nav a {width:43px; height:83px; margin-top:-65px; font-size:0; background:url('../../images/common/icon_collection.png') 0 0 no-repeat; position:absolute; top:50%; display:inline-block;}
	#visual .flex-direction-nav a.flex-prev {left:74px;}
	#visual .flex-direction-nav a.flex-next {right:74px; background-position:0 -160px;}

	#visual .slides li {position:relative;}
	#visual .slides li div {max-width:1920px; width:100%; padding-left:170px; position:absolute; top:0; bottom:0;}
	#visual .slides li div:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	#visual .slides li div p {vertical-align:middle; position:relative; display:inline-block;}
	#visual .slides li div * {color:#fff;}
	#visual .slides li div strong {font-size:100px; position:absolute; top:0; left:370px;}
	#visual .slides li div span {margin-bottom:35px; font-size:36px; line-height:50px; letter-spacing:0.48em; display:block;}
	#visual .slides li div em {font-size:15px; letter-spacing:0.08em;}
	/* 이미지 높이값 look & fieel */
	#visual .slides li > span {padding:0 50px; display:block;}

	h2 {margin-top:100px; margin-bottom:77px; font-size:30px; font-weight:500;}
	h2 span {margin-left:30px; font-size:16px; font-weight:300; display:inline-block;}

	section.service h2 {padding-left:75px;}
	section.service ul {margin-left:-78px; padding-bottom:50px;}
	section.service ul:after {clear:both; content:''; display:block;}
	section.service li {width:33.333%; padding-left:78px; color:#fff; box-sizing:border-box; float:left;}
	section.service div {position:relative;}
	section.service div p {font-size:30px; font-weight:500; line-height:37px; position:absolute; bottom:35px; left:35px;}
	section.service li strong {margin-top:15px; font-size:14px; font-weight:300; letter-spacing:0.02em; display:block;}

	section.alliance, section.request {padding:0 75px;}

	section.alliance {position:relative;}
	section.alliance .slide_paging {position:absolute; top:0; right:75px;}
	section.alliance .slide_paging * {font-size:18px; font-weight:600; font-family:'Noto Sans', sans-serif; display:inline-block;}
	section.alliance .slide_paging span:before {width:109px; margin-right:45px; border:1px solid #000; vertical-align:middle; content:''; display:inline-block;}
	section.alliance .slide_paging span:after {margin-top:-6px; font-size:14px; vertical-align:middle; content:'/'; display:inline-block;}
	section.alliance > div {padding-right:185px; position:relative;}
	section.alliance .slides {height:170px;}
	section.alliance .slides li {height:170px; text-align:center; position:relative;}
	section.alliance .slides li a {height:100%; position:relative; display:block;}
	section.alliance .slides li span {height:150px; margin:0 10px; background-position:50% 100%; background-size:cover; text-align:center; display:block;}
	section.alliance .slides li strong {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; right:10px; bottom:0; left:10px; display:block;}
	/*section.alliance .slides li span img {max-width:100%; max-height:100%; display:block;}*/

	section.alliance .flex-control-nav {display:none;}
	section.alliance .flex-direction-nav {width:185px; margin-left:-5px; position:absolute; top:0; right:0;}
	section.alliance .flex-direction-nav:after {clear:both; content:''; display:block;}
	section.alliance .flex-direction-nav li {width:50%; padding-left:5px; box-sizing:border-box; float:left;}
	section.alliance .flex-direction-nav li a {height:90px; font-size:0; background-color:#5b37b0; position:relative; display:block;}
	section.alliance .flex-direction-nav li a:after {width:26px; height:51px; margin-top:-25px; margin-left:-13px; background:url('../../images/common/icon_collection.png') -210px 0; content:''; position:absolute; top:50%; left:50%; display:inline-block;}
	section.alliance .flex-direction-nav li a.flex-next:after {background-position:-90px -180px;}

	section.request h2 {margin-top:120px; margin-bottom:40px;}
	section.request p {font-size:16px; line-height:24px; clear:both;}
	section.request p.explain a:before {width:26px; height:26px; margin:-3px 8px 0 15px; background:url('../../images/common/icon_collection.png') 0 -110px; vertical-align:middle; content:''; display:inline-block;}
	section.request > div:after {clear:both; content:''; display:block;}
	section.request > div > div {width:50%; margin-top:45px; box-sizing:border-box; float:left;}
	section.request > div > div:nth-of-type(1) {padding-right:58px;}
	section.request > div > div#map {height:392px; padding-left:58px; border:1px solid #e5e5e5;}
	section.request input[type='text'], section.request input[type='number'], section.request textarea {width:100%; height:69px; padding:15px; border:2px solid #e5e5e5; box-sizing:border-box;}
	section.request textarea {height:220px;}
	section.request .placeholder input + label, section.request .placeholder textarea + label {color:#cdcdcd; font-size:20px; font-weight:300; position:absolute; top:25px; left:26px;}
	section.request ul {margin-top:-17px;}
	section.request li {margin-top:17px;}
	section.request ul + p {margin-top:23px; margin-bottom:25px;}
	section.request ul + p a {color:#000; text-decoration:underline;}
	section.request .btn_request {width:233px; height:65px; color:#fff; font-size:22px; font-weight:400; line-height:65px; background-color:#5b37b0; border:0;}
	section.request .btn_request span {color:#fff; font-size:22px; font-weight:400; line-height:65px; background-color:#5b37b0;}

	.g-recaptcha {margin-top:10px;}
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	#container {padding-bottom:120px;}
	#visual {max-width:1920px; margin:0 auto; position:relative;}
	#visual .flex-control-nav {padding-top:31px; text-align:center;}
	#visual .flex-control-nav li {width:69px; display:inline-block;}
	#visual .flex-control-nav li a {margin:0 6px; font-size:0; border-top:8px solid #cbcbcb; display:block;}
	#visual .flex-control-nav li a.flex-active {border-color:#5b37b0;}

	#visual .flex-direction-nav a {width:43px; height:83px; margin-top:-65px; font-size:0; background:url('../../images/common/icon_collection.png') 0 0 no-repeat; position:absolute; top:50%; display:inline-block;}
	#visual .flex-direction-nav a.flex-prev {left:74px;}
	#visual .flex-direction-nav a.flex-next {right:74px; background-position:0 -160px;}

	#visual .slides li {position:relative;}
	#visual .slides li div {max-width:1920px; width:100%; padding-left:150px; position:absolute; top:0; bottom:0;}
	#visual .slides li div:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	#visual .slides li div p {vertical-align:middle; position:relative; display:inline-block;}
	#visual .slides li div * {color:#fff;}
	#visual .slides li div strong {font-size:50px; position:absolute; top:0; left:240px;}
	#visual .slides li div span {margin-bottom:20px;font-size:28px; line-height:36px; letter-spacing:0.3em; display:block;}
	#visual .slides li div em {font-size:15px; letter-spacing:0.08em;}

	h2 {margin-top:100px; margin-bottom:40px; padding-left:40px; font-size:30px; font-weight:500;}
	h2 span {margin-left:30px; font-size:16px; font-weight:300; display:inline-block;}

	section.service ul {margin-left:-3%; padding-bottom:50px;}
	section.service ul:after {clear:both; content:''; display:block;}
	section.service li {width:33.333%; padding-left:3%; color:#fff; box-sizing:border-box; float:left;}
	section.service div {position:relative;}
	section.service div p {font-size:18px; font-weight:500; line-height:1.2; position:absolute; bottom:25px; left:25px;}
	section.service li strong {margin-top:15px; font-size:14px; font-weight:300; letter-spacing:0.02em; display:block;}

	section.alliance > div, section.request > div {padding:0 75px;}
	section.alliance {position:relative;}
	section.alliance .slide_paging {position:absolute; top:0; right:75px;}
	section.alliance .slide_paging * {font-size:18px; font-weight:600; font-family:'Noto Sans', sans-serif; display:inline-block;}
	section.alliance .slide_paging span:before {width:109px; margin-right:45px; border:1px solid #000; vertical-align:middle; content:''; display:inline-block;}
	section.alliance .slide_paging span:after {margin-top:-6px; font-size:14px; vertical-align:middle; content:'/'; display:inline-block;}
	section.alliance > div {position:relative;}
	section.alliance .slides {height:170px;}
	section.alliance .slides:after {clear:both; content:''; display:block;}
	section.alliance .slides li {height:100%; text-align:center; position:relative;}
	section.alliance .slides li a {height:100%; position:relative; display:block;}
	section.alliance .slides li span {height:150px; margin:0 10px; background-position:50% 100%; background-size:cover; text-align:center; display:block;}
	section.alliance .slides li strong {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; right:10px; bottom:0; left:10px; display:block;}
	/*section.alliance .slides li span img {max-width:100%; max-height:100%; display:block;}*/

	section.alliance .flex-control-nav {display:none;}
	section.alliance .flex-direction-nav li {margin-top:-23px; position:absolute; top:50%;}
	section.alliance .flex-direction-nav li.flex-nav-prev {left:15px;}
	section.alliance .flex-direction-nav li.flex-nav-next {right:15px;}
	section.alliance .flex-direction-nav li a {width:45px; height:45px; font-size:0; background-color:#5b37b0; display:block;}
	section.alliance .flex-direction-nav li a:after {width:13px; height:25px; margin-top:-12px; margin-left:16px; background:url('../../images/common/icon_collection.png') -105px 0; background-size:250px; content:''; position:absolute; top:50%; display:inline-block;}
	section.alliance .flex-direction-nav li a.flex-next:after {background-position:-45px -90px;}

	section.request p {font-size:16px; line-height:24px; clear:both;}
	section.request p.explain a:before {width:26px; height:26px; margin:-3px 8px 0 15px; background:url('../../images/common/icon_collection.png') 0 -110px; vertical-align:middle; content:''; display:inline-block;}
	section.request > div:after {clear:both; content:''; display:block;}
	section.request > div > div {width:50%; margin-top:45px; box-sizing:border-box; float:left;}
	section.request > div > div:nth-of-type(1) {padding-right:58px;}
	section.request > div > div#map {height:467px; padding-left:58px; border:1px solid #e5e5e5;}
	section.request input[type='text'], section.request input[type='number'], section.request textarea {width:100%; height:69px; padding:15px; border:2px solid #e5e5e5; box-sizing:border-box;}
	section.request textarea {height:295px;}
	section.request .placeholder input + label, section.request .placeholder textarea + label {color:#cdcdcd; font-size:20px; font-weight:300; position:absolute; top:25px; left:26px;}
	section.request ul {margin-top:-17px;}
	section.request li {margin-top:17px;}
	section.request ul + p {margin-top:23px; margin-bottom:35px;}
	section.request ul + p a {color:#000; text-decoration:underline;}
	section.request .btn_request {width:233px; height:65px; color:#fff; font-size:22px; font-weight:400; line-height:65px; background-color:#5b37b0; border:0;}
	section.request .btn_request span {color:#fff; font-size:22px; font-weight:400; line-height:65px; background-color:#5b37b0;}

	.g-recaptcha {margin-top:10px;}
}

@media screen and (max-width: 767px) {
	#container {padding-bottom:50px;}
	#visual {position:relative;}
	#visual .flex-control-nav {padding-top:15px; text-align:center;}
	#visual .flex-control-nav li {width:30px; display:inline-block;}
	#visual .flex-control-nav li a {margin:0 3px; font-size:0; border-top:4px solid #cbcbcb; display:block;}
	#visual .flex-control-nav li a.flex-active {border-color:#5b37b0;}

	#visual .flex-direction-nav a {width:22px; height:42px; margin-top:-21px; font-size:0; background:url('../../images/common/icon_collection.png') 0 0 no-repeat; background-size:250px; position:absolute; top:50%; display:inline-block;}
	#visual .flex-direction-nav a.flex-prev {left:15px;}
	#visual .flex-direction-nav a.flex-next {right:15px; transform:rotate(180deg);}

	#visual .slides li {position:relative;}
	#visual .slides li div {width:100%; text-align:center; vertical-align:middle; position:absolute; top:0; bottom:0;}
	#visual .slides li div:before {height:100%; vertical-align:middle; content:''; display:inline-block;}
	#visual .slides li div p {width:173px; margin:0 auto; text-align:center; vertical-align:middle; position:relative; display:inline-block;}
	#visual .slides li div p:after {clear:both; content:''; display:block;}
	#visual .slides li div * {color:#fff;}
	#visual .slides li div strong {font-size:40px;}
	#visual .slides li div span {margin-bottom:5px; font-size:22px; line-height:30px; letter-spacing:0.3em; display:block;}
	#visual .slides li div em {width:60%; margin-top:5px; font-size:13px; letter-spacing:0.05em; clear:both; display:none;}
	#visual .slides li img {width:100%;}

	h2 {margin-top:60px; margin-bottom:40px; font-size:20px; font-weight:500; text-align:center;}
	h2 span {margin-top:10px; font-size:16px; font-weight:300; text-align:center; display:block;}

	section.service ul:after {clear:both; content:''; display:block;}
	section.service li {height:300px; margin-top:15px; color:#fff; box-sizing:border-box; overflow:hidden;}
	section.service div {height:100%; position:relative;}
	section.service div p {font-size:22px; font-weight:500; line-height:1.3; position:absolute; right:20px; bottom:20px; left:20px; z-index:1;}
	section.service li strong {margin-top:15px; font-size:14px; font-weight:400; letter-spacing:0.02em; display:block;}
	section.service span {height:100%; position:relative; display:block;}
	section.service img {width:100%; position:absolute;}

	section.alliance > div, section.request > div {padding:0 15px;}
	section.alliance {position:relative;}
	section.alliance .slide_paging {width:100%; text-align:center;position:absolute; top:30px;}
	section.alliance .slide_paging * {font-size:15px; font-weight:600; font-family:'Noto Sans', sans-serif; display:inline-block;}
	/*section.alliance .slide_paging span:before {width:10px; margin-right:5px; border:1px solid #000; vertical-align:middle; content:''; display:inline-block;}*/
	section.alliance .slide_paging span:after {margin-top:-3px; font-size:12px; vertical-align:middle; content:'/'; display:inline-block;}
	section.alliance > div {position:relative;}
	section.alliance .alliance_slide {padding:0 50px;}
	section.alliance .slides {height:170px;}
	section.alliance .slides:after {clear:both; content:''; display:block;}
	section.alliance .slides li {height:100%; text-align:center; position:relative;}
	section.alliance .slides li a {height:100%; position:relative; display:block;}
	section.alliance .slides li span {height:150px; margin:0 10px; background-position:50% 100%; background-size:cover; text-align:center; display:block;}
	section.alliance .slides li strong {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; right:10px; bottom:0; left:10px; display:block;}
	/*8section.alliance .slides li img {max-width:100%; max-height:100%; vertical-align:middle;}*/

	section.alliance .flex-control-nav {display:none;}
	section.alliance .flex-direction-nav li {margin-top:-15px; position:absolute; top:50%;}
	section.alliance .flex-direction-nav li.flex-nav-prev {left:15px;}
	section.alliance .flex-direction-nav li.flex-nav-next {right:15px;}
	section.alliance .flex-direction-nav li a {width:30px; height:30px; font-size:0; background-color:#5b37b0; display:block;}
	section.alliance .flex-direction-nav li a:after {width:9px; height:25px; margin-top:-12px; margin-left:11px; background:url('../../images/common/icon_collection.png') -150px 0; background-size:150px; content:''; position:absolute; top:50%; display:inline-block;}
	section.alliance .flex-direction-nav li a.flex-next:after {transform:rotate(180deg);}

	section.request {position:relative;}
	section.request p {font-size:14px; line-height:20px; clear:both;}
	section.request p.explain a:before {width:20px; height:20px; margin:-3px 5px 0 10px; background:url('../../images/common/icon_collection.png') 0 -83px; background-size:378px; vertical-align:middle; content:''; display:inline-block;}
	section.request div div {margin-top:20px; box-sizing:border-box;}
	section.request div div#map {height:200px; margin-top:100px; margin-bottom:20px; border:1px solid #e5e5e5;}
	section.request input[type='text'], section.request input[type='number'], section.request textarea {width:100%; height:40px; padding:8px; border:1px solid #e5e5e5; box-sizing:border-box;}
	section.request textarea {height:150px;}
	section.request .placeholder input + label, section.request .placeholder textarea + label {color:#cdcdcd; font-size:14px; font-weight:300; position:absolute; top:13px; left:13px;}
	section.request ul {margin-top:-8px;}
	section.request li {margin-top:8px;}
	section.request ul + p {margin-top:10px; margin-bottom:125px;}
	section.request ul + p a {color:#000; text-decoration:underline;}
	section.request .btn_request {width:100%; height:50px; position:absolute; top:435px; left:0; color:#fff; font-size:16px; font-weight:400; line-height:50px; background-color:#5b37b0; border:0;}
	section.request .btn_request span {color:#fff; font-size:16px; font-weight:400; line-height:50px; background-color:#5b37b0;}

	.g-recaptcha {margin-top:10px;}
}