@charset "UTF-8";
@import url('//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');

/* HTML default STYLE set --------------------------------------------------------------------------------------- */
	/* HTML & BODY */
	html,body{height: 100%;}
	body{
		font-family: 'Noto Sans KR', NanumGothic, FontAwesome;
		color: #2C2C2C;
		font-size: 15px;
		line-height: 1.5;
/*		letter-spacing: -0.1em;*/
		letter-spacing: -.3px;
	}



/* Link Animation Effect set ------------------------------------------------------------------------------------ */
	/* header container default */
	#header a, #header a:link, #header a:visited{color: inherit; text-decoration: none;}
	#header a:hover{
		color: inherit;
		text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	#header a:focus, #header a:active{color: inherit; text-decoration: none;}

	/* footer container default */
	#footer a, #footer a:link, #footer a:visited{color: inherit; font-weight: 400; text-decoration: none;}
	#footer a:hover{
		color: inherit;
		font-weight: 500;
		text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	#footer a:focus, #footer a:active{color: inherit; text-decoration: none;}

	/* boardArea container default */
	#sub .boardArea, #sub .boardArea a:link, #sub .boardArea a:visited{color: inherit; text-decoration: none;}
	#sub .boardArea a:hover, #sub .boardArea tr:hover{
		color: inherit;
		text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	#sub .boardArea a:focus, #sub .boardArea a:active{color: inherit; text-decoration: none;}



/* HEADER // Main Menu Design set ------------------------------------------------------------------------------- */
	/* HEADER // default */
	#header.header{width: 100%; height: 73px; background: #FFF; border-bottom: 3px solid #3AB2E6; position: static; top: 0; z-index: 989;}
	#header .headCon{height: 100%; margin: 0 auto;}
	.headCon > .logo{height: 100%; text-align: center; display: table; margin: 0 auto; padding-top: 5px;}
	.headCon > .logo > a{height: 100%; vertical-align: middle; display: table-cell;}
	#menuBTN{width: 60px; height: 52px; background: url("../img/common/iconSpr.png") no-repeat 0 -1750px; background-size: cover; color: transparent; font-size: 0; position: absolute; top: 10px; left: 0;}
	#closeBTN{font-size: 4vh; position: absolute; top: 20px; right: 15px;}

	/* HEADER // overlay menu visible */
	.overlayBG{background: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 997; display: none;}
	#mainMenu{width: 70vw; background: #FFF; position: fixed; top: 0; left: -70vw; z-index: 998; display: none;}
	.inner{width: 100%; vertical-align: middle; overflow: hidden;}
	.inner .logo{height: 70px; display: table; padding: 5px 0 0 6vw;}
	.inner .logo > figure{vertical-align: middle; display: table-cell;}
	.inner .logo > figure img{width: 37vw;}
	.inner .link{height: 100vh; background: #ECECEC;}
	.inner .link li:not(.mTit){padding: 0 15vw;}
	.inner .link li:last-of-type{padding-bottom: 5px;}
	.inner .link .mTit{background: #3AB2E6; color: #FFF; font-size: 15px; font-weight: 500; line-height: 12vw; padding-left: 10vw;}
	.inner .link .mList > a{color: #393939; font-size: 14px; font-weight: 400; line-height: 10vw; border-bottom: 1px solid #BEBEBE; display: block;}
	.inner .link .mList.last > a{border-bottom: none;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#header.header{height: 55px;}
	#menuBTN{top: 0;}
	#closeBTN{top: 12px;}
	.inner .logo{height: 52px;}
	.inner .logo > figure img{width: 35vw;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	.inner .logo > figure img{width: 30vw;}
	.inner .link .mTit{font-size: 24px; line-height: 8vw;}
	.inner .link .mList > a{font-size: 18px; line-height: 8vw;}
}



/* FOOTER // contact Me set ------------------------------------------------------------------------------------- */
	#footer .footCon{background: #E2E2E2; text-align: center; padding: 27px 16px 33px;}
	#footer .corpInfo{color: #757575; font-size: 13px;}
	#footer .corpInfo li:not(.barNone){width: 50%;}
	#footer .corpInfo li.barNone:after{content: ' '; color: #707070; padding: 0 5px}
	#footer .corpInfo li:after{content: '|'; color: #707070; font-size: 10px; vertical-align: 2px; position: absolute; right: 0;}
	#footer .corpInfo li:last-child:after{content: ' ';}
	#footer .copyright{color: #B8B8B8; font-size: 1.7vh;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
/*	#footer .footCon{padding: 4vh 1rem 5vh;}*/
	#footer .corpInfo{font-size: 11.5px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#footer .corpInfo{font-size: 2vw;}
	#footer .copyright{font-size: 1.5vh;}
	#footer .corpInfo li:after{font-size: 1.8vw;}
}



/* wrapper Area set --------------------------------------------------------------------------------------------- */
	#wrap{height: 100%; display: block;}
	#main{background: #FFF;}
	#main .infra{width: 100%; min-height: 640px; padding: 0 1rem;}
	#main .infra#page1{height: auto;}
	#main .infra#page3{padding: 7vh 1rem;}
	#sub{min-height: calc(100% - 323px); padding: 17px 15px; display: block;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#sub{min-height: calc(100% - 281px);}
	#main .infra{min-height: 568px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#sub{min-height: calc(100% - 375px);}
	#main .infra{padding: 0 2rem 5vh;}
	#main .infra#page3{padding: 7vh 2rem;}
}



/* common Design set -------------------------------------------------------------------------------------------- */
	/* device rotate infomation popup */
	.fullLayer{width: 100%; height: 100%; background: transparent; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: table; z-index: 999;}
	.layerInner{background: rgba(255,255,255,.8); font-size: 20px; font-weight: 500; text-align: center; vertical-align: middle; display: table-cell; padding-bottom: 7vh;}
	.layerInner .rotationImg{width: 70vh;}

	/* top UI */
	.top{
		width: 5.5vh; height: 5.5vh; min-width: 50px; min-height: 50px;
		background: #F7F7F7; 
		font-size: 14px; font-weight: 500; 
		text-align: center; 
		line-height: 35px; letter-spacing: 0; 
		border: 1px solid #C6C6C6; 
		position: fixed; right: 6vw; bottom: 7vh; 
		z-index: 9999;
		cursor: pointer;
	}
	.top .fa{color: #666; font-size: 35px; line-height: 40px;}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	.top .fa{font-size: 5vw; line-height: 4.5vw; padding: 1vw 1vw 1.5vw;}
	.top .fa + span{font-size: 2.5vw}
}

	/* 폼 UI // textBox, textAreaBox */
	.textBox, .textareaBox{position: relative;}
	.textBox label, .textareaBox label{color: #999; font-weight: 400; cursor: text; position: absolute; top: 1px; left: 1px;}
	.textBox input[type="text"], .textBox input[type="password"], .textareaBox textarea{
		width: 100%; height: 100%; 
		font-family: inherit; 
		border: 1px solid #D7D7D7; border-radius: 0; 
		outline-style: none; 
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.textareaBox textarea{height: 100px; resize: none;}
	.textBox label, .textBox input[type="text"], .textBox input[type="password"],
	.textareaBox label, .textareaBox textarea{line-height: normal; padding: .5em .9em; /*padding: .15em .9em .15em; padding: .2em .9em .45em;*/}
	.textBox.disable input[type="text"]{background: #FAFAFA; border: 1px solid #EBEBEB;}
	.textBox.disable label, .textareaBox.disable label{color: #848484; font-weight: 400; cursor: text;}

	/* 폼 UI // selectBox */
	.selectBox{background: #FFF; position: relative; border: 1px solid #D7D7D7; z-index: 1;}
	.selectBox:before{content: ' '; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; position: absolute; top: calc(50% - 2px); right: 15px; margin-top: -.1em;}
	.selectBox label{color: #999; position: absolute; top: 1px; left: 5px; z-index: -1;	}
	.selectBox select{width: 100%; height: auto; font-family: inherit; border: 0; opacity: 0; fliter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.selectBox label, .selectBox select{line-height: normal; padding: .5em .5em; /*padding: .1em .5em .25em; padding: .2em .5em .45em;*/}

	/* 폼 UI // file upload */
	.fileBox{text-align: left;}
	.fileBox input[type="file"]{width: 0; height: 0; border: none; overflow: hidden; margin: -1px; padding: 0;}
	.fileBox input[type="file"] + label{font-family: inherit; line-height: normal; vertical-align: middle; display: inline-block; cursor: pointer;}
	.fileBox .fName{
		background: #FAFAFA; 
		color: #848484;
		font-family: inherit; font-size: inherit; 
		line-height: normal; 
		vertical-align: middle; 
		border: 1px solid #E1E1E1; border-radius: .25em; 
		-webkit-appearance: none; -moz-appearance: none; appearance: none; 
		display: inline-block;
	}
	.fileBox input[type="file"] + label, .fileBox .fName{padding: 5px 1.2em;}

	/* 폼 UI // checkBox */
	.checkBox {position: relative;}
	.checkBox input[type="checkbox"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; padding: 0; margin: -1px;}
	.checkBox input[type="checkbox"] + label{cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; position: relative; display: inline-block; padding-left: 28px;}
	.checkBox input[type="checkbox"] + label:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: #FFF;
		text-align: center;
		line-height: 15px;			/* 세로정렬을 위해 height값과 일치 */
		border: 1px solid #cacece;
		border-radius : 3px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
		top: 4px;					/* 이 값을 변경해서 글자와의 정렬 // vertical-align 역할 */
		left: 3px;
	}
	.checkBox input[type="checkBox"] + label:active:before, 
	.checkBox input[type="checkBox"]:checked + label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.checkBox input[type="checkbox"]:checked + label:before{
		content: '\2714';			/* 체크표시 유니코드 사용 */
		color: #99a1a7;
		background: #FFF;
		text-shadow: 1px 1px #fff;
		border-color: #adb8c0;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	}

	/* BUTTON // default UI design */
	.button{width: 133px; text-align: center; line-height: 40px; padding: 0 20px;}

	/* BUTTON // gradation */
	.button.skBlueGra01{background: #3AB2E6 url("../img/common/skBlueGra01.png") repeat-x 0 0; color: #FFF; border: 1px solid #6EC2C4;}
	.button.skBlueGra02{background: #3AB2E6 url("../img/common/skBlueGra02.png") repeat-x 0 0; color: #FFF; border: 1px solid #3AB2E6;}
	.button.emeGreenGra{background: #42CFA3 url("../img/common/emeGreenGra.png") repeat-x 0 0; color: #FFF; border: 1px solid #6EC498;}
	.button.grayGra{background: #FEFEFE url("../img/common/grayGra.png") repeat-x 0 0; color: #6E6E6E; border: 1px solid #C6C6C6;}

	/* BUTTON // color */
	.button.skBlue{background: #3AB2E6; color: #FFF !important; border: 1px solid #3AB2E6;}
	.button.skBlue:hover{background: #7AD4EC; border: 1px solid #7AD4EC;}
	.button.skBlue:active, .button.skBlue:focus{background: #4395E2; border: 1px solid #4395E2;}
	.button.skBlueLine{background: #FFF; border: 1px solid #3AB2E6; color: #3D3D3D !important;}
	.button.skBlueLine:hover{background: #bfecff; color: #2F80CC !important; border: 1px solid #6fc9ef  !important;}
	.button.skBlueLine:active, .button.skBlueLine:focus{background: #FFF; color: #2F80CC !important; border: 1px solid #4395E2 !important;}
	.button.white{background: #FFF; color: #3D3D3D !important;}
	.button.white:hover{background: #F1F1F1; color: #3D3D3D !important;}
	.button.white:active, .button.white:focus{background: #E1E1E1; color: #3D3D3D !important;}

	/* BUTTON // shape */
	.button.round_5{border-radius: 5px;}
	.button.round_10{border-radius: 10px;}
	.button.round_15{border-radius: 15px;}
	.button.round_20{border-radius: 20px;}
	.button.round_25{border-radius: 25px;}
	.button.round_30{border-radius: 30px;}
	.button.round_35{border-radius: 35px;}
	.button.round_40{border-radius: 40px;}
	.button.round_45{border-radius: 45px;}
	.button.round_50{border-radius: 50px;}
	.button.shd{box-shadow: 2px 2px 10px rgba(0,0,0,.2);}

	/* BUTTON // purpose */
	.button.back{width: 88px; background: url("../img/common/btnGra.png") repeat-x 0 0; color: #FFF;}
	.button.logout{color: #3AB2E6 !important; font-size: 18px; font-weight: 400 !important; position: absolute; top: 20px; right: 5em;}

	/* Basic Shapes // round shape */
	.shp.round_10{border-radius: 10px;}
	.shp.round_15{border-radius: 15px;}
	.shp.round_20{border-radius: 20px;}
	.shp.round_25{border-radius: 25px;}
	.shp.round_30{border-radius: 30px;}
	.shp.round_35{border-radius: 35px;}
	.shp.round_40{border-radius: 40px;}
	.shp.round_45{border-radius: 45px;}
	.shp.round_50{border-radius: 50px;}

	/* Basic Shapes // circle */
	.circle.round_10{width: 10px; height: 10px; border-radius: 10px;}
	.circle.round_15{width: 15px; height: 15px; border-radius: 15px;}
	.circle.round_20{width: 20px; height: 20px; border-radius: 20px;}
	.circle.round_25{width: 25px; height: 25px; border-radius: 25px;}
	.circle.round_30{width: 30px; height: 30px; border-radius: 30px;}
	.circle.round_35{width: 35px; height: 35px; border-radius: 35px;}
	.circle.round_40{width: 40px; height: 40px; border-radius: 40px;}
	.circle.round_45{width: 45px; height: 45px; border-radius: 45px;}
	.circle.round_50{width: 50px; height: 50px; border-radius: 50px;}
	.circle.round_60{width: 60px; height: 60px; border-radius: 60px;}
	.circle.round_70{width: 70px; height: 70px; border-radius: 70px;}
	.circle.round_80{width: 80px; height: 80px; border-radius: 80px;}
	.circle.round_90{width: 90px; height: 90px; border-radius: 90px;}
	.circle.round_100{width: 100px; height: 100px; border-radius: 100px;}

	/* Basic Shapes // deco item */
	.colorKeyword1{border: 3px solid #3AB2E6;}
	.colorKeyword2{border: 3px solid #3AE5E3;}
	.colorKeyword3{border: 3px solid #3AE586;}
	.colorKeyword4{border: 3px solid #8AE53A;}
	.colorKeyword5{border: 3px solid #42cea6;}



/* MAIN PAGE Design set ----------------------------------------------------------------------------------------- */
	/* SECTION 0 // layout Design */
	#page0.rs-wrapper{width: 100%; position: relative;}
	
	/* SECTION 0 // Slide Image Design */
	#slider1.rslides{width: 100vw; max-height: 640px; list-style: none; overflow: hidden; position: relative; margin: 0; padding: 0;}
	#slider1.rslides li{width: 100%; -webkit-backface-visibility: hidden; position: absolute; left: 0; top: 0;  display: none;}
	#slider1.rslides li:first-child{position: relative; float: left; display: block;}
	#slider1.rslides img{width: 100%; min-height: 400px; border: 0; position: relative; float: left; display: block;}
	#page0 .bg{
		width: 100%; height: 300px;
		background: url(/m/resource/img/slide/mainVisualBg.png) no-repeat center bottom; 
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 100%; 
		position: absolute; z-index: 889;
	}

	/* SECTION 0 // Slide TEXT Motion Contents */
	#page0 .motionBox{width: 230px; height: 200px; background: rgba(0,0,0,.3); text-align: center; border: 1px solid rgba(255,255,255,.3); position: absolute; top: 134px; left: calc(50% - 115px); z-index: 5;}
	#page0 .motionBox .txtImg01{width: 10vw; min-width: 95px; max-width: 120px; opacity: 0; margin-top: 25px;}
	#page0 .motionBox .txtImg02{width: 100%; color: #FFF; font-size: 4.5vw; position: absolute; bottom: 100px; left: 0; opacity: 0;}
	#page0 .motionBox .bottomLine{width: 0; height: 1px; background: #FFF; position: absolute; top: 68px; left: 10%; display: none;}
	#page0 .motionBox .detailGo{
		width: 145px; 
		background: #3AB2E6; 
		color: #FFF; 
		font-size: 4.5vw; font-weight: 400; 
		text-align: center; 
		line-height: 10vw; 
		border-radius: 30px;
		position: absolute; left: calc(50% - (145px / 2)); bottom: 20px; 
		opacity: 0;
		z-index: 998;
	}

	/* SECTION 0 // Slide Bottom Contents */
	#page0 .brandSlogan{color: #3F3F3F; font-size: 7vw; text-align: center; position: relative; z-index: 899;}
	#page0 .brandSlogan p:first-of-type{letter-spacing: -1.9px;}
	#page0 .brandSlogan .dot{width: 12px; height: 12px; background: #D3D3D3; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; margin: 0 auto 7px;}
	#page0 .brandSlogan .dot:first-of-type{margin-top: 30px;}

	/* SECTION 0 // PagiNation Collbabck Design */
	#page0 .rslides_nav{
		width: 53px; height: 53px;
		background: rgba(0,0,0,.3) url("../img/common/iconSpr.png") no-repeat -2px top; 
		border-radius: 27px;
		opacity: 0.7; 
		text-indent: -9999px; text-decoration: none; 
		-webkit-tap-highlight-color: rgba(0,0,0,0); 
		overflow: hidden; 
		position: absolute; 
		top: 210px; left: 0; 
		margin: 0 28px 0;
		z-index: 3;
	}
	#page0 .rslides_nav:active{opacity: 1.0;}
	#page0 .rslides_nav.next{background-position: -45px top; left: auto; right: 0;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#page0 .bg{bottom: 7vh;}
	#page0 .brandSlogan{padding: 50px 0 0 0;}
	#slider1.rslides{width: 100vw; max-height: 640px; list-style: none; overflow: hidden; position: relative; margin: 0; padding: 0;}
}
@media screen and (min-width: 321px) and (max-width: 720px){
	/* Moblie device support */
	#page0 .bg{bottom: 8vh;}
	#page0 .brandSlogan{padding: 70px 0 0 0;}
}
@media screen and (min-height: 670px) and (width: 375px){
	/* iPhoneX support */
	#page0 .bg{bottom: 6vh;}
	#page0 .brandSlogan{margin-top: -85px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#page0 .bg{display: none;}
	#page0 .brandSlogan{font-size: 6vw; padding: 6vw 0 3vw;}
	#page0 .motionBox{width: 50%; height: 35%; top: 134px; left: 25%;}
	#page0 .motionBox .txtImg01{width: 40vw; min-width: 95px; max-width: 120px; opacity: 0; margin-top: 25px;}
	#page0 .motionBox .txtImg02{font-size: 35px; margin-top: 15px;}
	#page0 .motionBox .bottomLine{top: 79px;}
	#page0 .motionBox .detailGo{width: 175px; font-size: 20px; line-height: 42px; left: calc(50% - (175px / 2)); bottom: 30px;}
	#page0 .rslides_nav{top: calc(50% - 150px);}
}

	/* SECTION 1 */
	#page1 article:nth-of-type(2){margin: 0 auto;}
	#page1 .greeting{font-size: 4vw; text-align: center; line-height: 1.45; letter-spacing: -.9px; margin: 0 auto; padding: 13px 0 33px;}
	#page1 aside{width: 100%; background: #FAFAFA; border: 1px solid #E0E0E0; padding: 12px 15px; margin-bottom: 10px; position: relative;}
	#page1 aside:last-of-type{margin-bottom: 15px;}
	#page1 aside .icoCircle{width: 14.5vw; height: 14.5vw; background: #3ab2e6 url("../img/common/iconSpr.png") no-repeat; background-size: 80%; border-radius: 14.5vw; position: absolute; top: calc(50% - 8.5vw);}
	#page1 aside:nth-of-type(1) .icoCircle{background-position: 5px 2.6%;}
	#page1 aside:nth-of-type(2) .icoCircle{background-position: 6px 7.8%;}
	#page1 aside:nth-of-type(3) .icoCircle{background-position: 4px 13%;}
	#page1 aside:nth-of-type(4) .icoCircle{background-position: 5px 18.2%;}
	#page1 .icoCircle + .contBox{padding-left: 19vw;}
	#page1 .icoCircle + .contBox h3{color: #3F3F3F; font-size: 15px;}
	#page1 .icoCircle + .contBox li{color: #757575; font-size: 12px; text-align: left; text-indent: -8px; line-height: 1.48; letter-spacing: -.76px; list-style-type: disc; margin-left: 17px;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#page1 aside:nth-of-type(1) .icoCircle{background-position: 3px 2.6%;}
	#page1 aside:nth-of-type(2) .icoCircle{background-position: 5px 7.8%;}
	#page1 aside:nth-of-type(3) .icoCircle{background-position: 3px 13%;}
	#page1 aside:nth-of-type(4) .icoCircle{background-position: 4px 18.2%;}
	#page1 .icoCircle + .contBox h3{font-size: 13px;}
	#page1 .icoCircle + .contBox li{font-size: 10px;}
}
@media screen and (min-width: 410px) and (max-width: 720px){
	/* wide Moblie device support */
	#page1 aside:nth-of-type(1) .icoCircle{background-position: 3px 2.6%;}
	#page1 aside:nth-of-type(2) .icoCircle{background-position: 5px 7.8%;}
	#page1 aside:nth-of-type(3) .icoCircle{background-position: 4px 13%;}
	#page1 aside:nth-of-type(4) .icoCircle{background-position: 6px 18.2%;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#page1 aside{padding: 22px 30px; margin-bottom: 20px;}
	#page1 aside .icoCircle{top: calc(50% - 7.5vw);}
	#page1 aside:nth-of-type(1) .icoCircle{background-position: 10px 2.6%;}
	#page1 aside:nth-of-type(2) .icoCircle{background-position: 10px 7.8%;}
	#page1 aside:nth-of-type(3) .icoCircle{background-position: 8px 13%;}
	#page1 aside:nth-of-type(4) .icoCircle{background-position: 10px 18.2%;}
	#page1 .icoCircle + .contBox h3{font-size: 25px;}
	#page1 .icoCircle + .contBox li{font-size: 22px;}

}

	/* SECTION 2 */
	#page2{background: url("../img/main/bg_infra2.jpg") no-repeat}
	#page2 .brandSlogan{color: #424242; font-size: 42px; text-align: center; font-weight: 400; padding: 7vh 0 3vh;}
	#page2 .brandSlogan .para:nth-of-type(1){font-size: 5.5vw;}
	#page2 .brandSlogan .para:nth-of-type(2){font-size: 6.5vw; padding-top: 25px;}
	#page2 .brandSlogan .bullet{color: #000; font-weight: 500; position: relative;}
	#page2 .brandSlogan .bullet:before{content: ' '; width: 5px; height: 5px; background: #3AB2E6; border-radius: 5px; position: absolute; top: -8px; left: 7px; display: inline-block;}
	#page2 .prizeInfo{margin: 0 auto;}
	#page2 .prizeInfo img, #page2 .prizeInfo .sideCapt{max-width: 100%;}
	#page2 .prizeInfo figure{text-align: center;}
	#page2 .prizeInfo .prizeTit{color: #4B4B4B; font-size: 5.5vw; font-weight: 400; text-align: left; line-height: 1.2; letter-spacing: -1.7px; position: relative; padding: 0 0 15px 15px;}
	#page2 .prizeInfo .prizeTit:before{content: ' '; width: 4px; height: 5vw; background: #286CA6; position: absolute; top: 3px; left: 5px; display: inline-block;}
	#page2 .prizeInfo .prizeTit .point{color: #3AB2E6; font-weight: 500;}
	#page2 .prizeInfo .prizeExpl{max-width: 800px; background: rgba(0,0,0,.35); color: #FFF; font-size: 3.5vw; text-align: left; font-weight: 400; letter-spacing: -.4px; margin: 0 auto 15px; padding: 7px 15px 10px;}
	#page2 .prizeInfo .lSPager.lSpg{text-align: center; margin: 20px 0 0; padding: 0;}
	#page2 .prizeInfo .lSPager.lSpg > li{display: inline-block; padding: 0 1.3vw; cursor: pointer;}
	#page2 .prizeInfo .lSPager.lSpg > li a{
		width: 2.5vw; height: 2.5vw; 
		background: #FFF;
		text-indent: -999em;
		-webkit-transition: none; transition: none;
		border-radius: 2.5vw;
		overflow: hidden;
		display: inline-block; 
		position: relative; 
		z-index: 99; 
	}
	#page2 .prizeInfo .lSPager.lSpg > li:hover a, #page2 .prizeInfo .lSPager.lSpg > li.active a{background: #3AB2E6;}
	#page2 .prizeInfo .media{opacity: 0.8;}
	#page2 .prizeInfo .media.active{opacity: 1;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#page2 .brandSlogan .para:nth-of-type(1){font-size: 18px; line-height: 2.3;}
	#page2 .brandSlogan .para:nth-of-type(2){font-size: 20px; line-height: 2.3;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#page2 .brandSlogan .para:nth-of-type(1){font-size: 5.2vw;}
	#page2 .brandSlogan .bullet:before{width: 10px; height: 10px; border-radius: 10px; left: 18px;}
	#page2 .prizeInfo{padding: 0 0 3vh;}
	#page2 .prizeInfo .prizeTit{font-size: 5vw; font-weight: 400; text-align: left; line-height: 1.2; letter-spacing: -1.7px; padding: 0 0 15px 15px;}
	#page2 .prizeInfo .prizeTit:before{height: 5vw; top: 4px; left: 5px;}
}
	/* SECTION 3 */
	#page3{background: #42CFA3 url("../img/main/bg_infra3.png") repeat-x; padding: 11vh 0 0;}
	#page3 .partnerTit{width: 50%; background: #FFF; color: #116688; font-size: 18px; text-align: center; letter-spacing: 0; border-radius: 30px; box-shadow: 2px 2px 5px rgba(0,0,0,.2) inset; display: table; margin: 0 auto; padding: 1vh 0;}
	#page3 .partnerTit h3{vertical-align: middle; display: table-cell;}
	#page3 .partnerTit + .suggestion{color: #CAF6FF; font-size: 6vw; text-align: center; font-weight: 400; margin: 2vh auto;}
	#page3 .partnerTit + .suggestion h3{font-weight: 400; line-height: 1.7; letter-spacing: -2.1px;}
	#page3 .partnerTit + .suggestion .point{border-bottom: 1px solid #40EDBC; padding-bottom: 2px;}
	#page3 .logoArea{width: 100%; background: #FFF; box-shadow: 3px 3px 10px rgba(0,0,0,.3); border-radius: 10px; padding: 7vw 5vw;}
	#page3 .logoArea ul.rslides{min-height: 206px;}
	#lightSlider2 li .logo{width: 41%; text-align: center; border: 1px solid #E8E8E8; border-radius: 10px; padding: 6px 0;}
	#lightSlider2 li .logo:nth-of-type(even){margin: 0 5% 5% 4%;}
	#lightSlider2 li .logo:nth-of-type(odd){margin: 0 4% 5% 5%;}
	#lightSlider2 li .logo > img{width: 100%;}
	#page3 .logoArea .lSPager.lSpg{text-align: center; margin: 10px 0 0; padding: 0;}
	#page3 .logoArea .lSPager.lSpg > li{display: inline-block; padding: 0 1.3vw; cursor: pointer;}
	#page3 .logoArea .lSPager.lSpg > li a{
		width: 2.5vw; height: 2.5vw; 
		background: #DBDBDB;
		text-indent: -999em;
		-webkit-transition: none; transition: none;
		border-radius: 2.5vw;
		overflow: hidden;
		display: inline-block; 
		position: relative; 
		z-index: 99; 
	}
	#page3 .logoArea .lSPager.lSpg > li:hover a, #page3 .logoArea .lSPager.lSpg > li.active a{background: #3AB2E6;}
	#page3 .logoArea .media{opacity: 0.8;}
	#page3 .logoArea .media.active{opacity: 1;}	
	#page3 .client .suggestion{color: #FFF; font-size: 4vw; font-weight: 400; text-align: center; letter-spacing: -0.95px; margin: 3vh 0;}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#page3 .partnerTit{font-size: 40px;}
}


/* SUB PAGE Design set ------------------------------------------------------------------------------------------ */
	/* SUB PAGE common // HEAD Image Area */
	.headImg{width: 100%; height: 115px; min-height: 55px; position: relative;}
	.headImg.sub1{background: url("../img/sub/sub_1_00.jpg") no-repeat; background-size: cover;}
	.headImg.sub2{background: url("../img/sub/sub_2_00.jpg") no-repeat; background-size: cover;}
	.headImg.sub3{background: url("../img/sub/sub_3_00.jpg") no-repeat; background-size: cover;}
	.headImg.sub4{background: url("../img/sub/sub_4_00.jpg") no-repeat; background-size: cover;}
	.headImg h3{color: #FFF; font-size: 26px; font-weight: 400; text-align: center; line-height: 80px;}
	.headImg .breadcrumb{width: 7vh; min-width: 110px; max-width: 120px; background: rgba(0,0,0,.3); position: absolute; top: 60px; left: calc(50vw - 55px); padding-left: 6px;}
	.headImg .breadcrumb li{width: 50%; color: #FFF; font-size: 13px; font-weight: 400; text-align: center; line-height: 20px; letter-spacing: 0; position: relative; padding-right: 10px;}
	.headImg .breadcrumb li:after{content: "\f0da"; color: #3AB2E6; position: absolute; top: 0; right: 0;}
	.headImg .breadcrumb li:last-of-type{padding-right: 0;}
	.headImg .breadcrumb li:last-of-type:after{content: ' ';}

	/* SUB PAGE common // Pagination common */
	#sub .pagination{text-align: center; line-height: 44px; margin: 10px auto; position: relative;}
	#sub .pagination .pageBtn{margin-left: 130px;}
	#sub .pagination .pageBtn:only-of-type{margin: 0;}
	#sub .pagination .pageBtn a{width: 28px; min-height: 28px; max-height: 28px; font-size: 14px; font-weight: 500; text-align: center; line-height: 25px; vertical-align: middle; margin-right: 9px;}
	#sub .pagination .pageBtn a:last-of-type{margin-right: 0;}
	#sub .pagination .pageBtn a.prevPage, #sub .pagination .pageBtn a.nextPage{background: url("../img/common/iconSpr.png") no-repeat -61px -1644px; color: #FFF; padding-top: 1px;}
	#sub .pagination .pageBtn a.prevPage.active, #sub .pagination .pageBtn a.nextPage.active{background: url("../img/common/iconSpr.png") no-repeat -11px -1644px; color: rgba(255,255,255,.7);}
	#sub .pagination .pageBtn a.prevPage.last:before{content: "\f104\f104"}
	#sub .pagination .pageBtn a.nextPage.last:before{content: "\f105\f105"}
	#sub .pagination .pageBtn a:not([class*='Page']){background: #FFF; color: #C9C9C9; border: 1px solid #C9C9C9;}
	#sub .pagination .pageBtn a:not([class*='Page']):hover{background: #3AB2E4; color: #FFF; border: 1px solid #3AB2E4;}
	#sub .pagination .pageBtn a.active:not([class*='Page']){color: #3AB2E4; border: 1px solid #3AB2E4;}
	#sub .pagination .pageBtn a.active:not([class*='Page']):hover{color: #FFF;}

	/* SUB 1 // TABS common */
	#sub .tabsArea{margin: 0 auto;}
	#sub .tabsArea li{width: calc(100% / 3); line-height: 40px;}
	#sub .tabsArea li:last-of-type .tab{border-right: 1px solid #E0E0E0;}
	#sub .tabsArea .tab{width: 100%; background: #FFF; color: #4A4A4A; font-size: 16px; font-weight: 500; text-align: center; letter-spacing: -.1px; border: 1px solid #E0E0E0; border-right: none;}
	#sub .tabsArea .tab.active{background: #3AB2E6; color: #FFF; border: 1px solid #3AB2E6;}
	#sub .tabPages{margin: 17px auto 0;}
	#sub .tabPages#tabsPage03{margin: 3vh auto 35px;}
	#sub .tabPages .pageTit{background: url("../img/common/blltSpr.png") no-repeat -13px -993px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; padding: 0 0 7px 10px;}
	#sub .tabPages .pageTit h4{font-size: 18px; font-weight: 500; letter-spacing: 1px;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	.headImg{height: 98px; min-height: 55px; position: relative;}
	.headImg.sub1{background-position: 0 -9px;}
	.headImg.sub2{background-position: -360px 0;}
	.headImg.sub3{background-position: -360px 0;}
	.headImg.sub4{background-position: -360px 0;}
	.headImg h3{font-size: 22px; line-height: 68px;}
	.headImg .breadcrumb{top: 50px;}
	.headImg .breadcrumb li{font-size: 11px;}
	#sub .tabsArea li{line-height: 36px;}
	#sub .tabsArea .tab{font-size: 13px;}
	#sub .tabPages .pageTit h4{font-size: 16px;}

}
@media screen and (min-width: 321px) and (max-width: 720px){
	/* Moblie device support */
	.headImg.sub1{background-position: 0 -9px;}
	.headImg.sub2{background-position: -400px 0;}
	.headImg.sub3{background-position: -400px 0;}
	.headImg.sub4{background-position: -400px 0;}
	.headImg .breadcrumb{width: 150px;max-width: 150px; left: calc(50vw - 75px);}
}
@media screen and (min-height: 670px) and (width: 375px){
	/* iPhoneX support */
	.headImg{height: 17vh;}
	#sub .tabPages .pageTit{background: url("../img/common/blltSpr.png") no-repeat -13px -993px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; padding: 0 0 7px 10px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	.headImg{height: 145px;}
	.headImg.sub1{background-position: 0 -109px;}
	.headImg.sub2{background-position: -400px 0;}
	.headImg.sub3{background-position: -400px 0;}
	.headImg.sub4{background-position: -400px 0;}
	.headImg h3{font-size: 40px;}
	.headImg .breadcrumb{width: 200px; max-width: 200px; top: 75px; left: calc(50vw - 100px);}
	.headImg .breadcrumb li{font-size: 18px; line-height: 30px;}
}


	/* SUB 1-1 // TABS PAGE 1 */
	#tabsPage01 .infoDesc dl{min-height: 3vh; margin-bottom: 7px;}
	#tabsPage01 .infoDesc dt, #tabsPage01 .infoDesc dd{height: 100%; line-height: 33px;}
	#tabsPage01 .infoDesc dt{width: 22vw; background: #D6D6D6; color: #FFF; font-size: 16px; text-align: center; letter-spacing: -1.1px;}
	#tabsPage01 .infoDesc dd{width: calc(100% - 22vw); color: #757575; font-size: 16px; font-weight: 400; letter-spacing: -.8px; padding-left: 15px;}
	#tabsPage01 .infoDesc dd .para{color: inherit;}
	#tabsPage01 .infoDesc dd .para.singleLine{}
	#tabsPage01 .infoDesc dd .para.multiLine{text-indent: -2.5em; margin-left: 2.5em;}
	#tabsPage01 .infoDesc dd .point{color: #3B3B3B;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#tabsPage01 .infoDesc dt, #tabsPage01 .infoDesc dd{font-size: 14px; line-height: 28px;}
	#tabsPage01 .infoDesc dt{width: 85px;}
	#tabsPage01 .infoDesc dd{width: calc(100% - 85px); padding-left: 10px;}
}

	/* SUB 1-1 // TABS PAGE 2 */
	#tabsPage02 .desc{color: #757575; font-size: 16px; font-weight: 400;}
	#tabsPage02 .desc .point{color: #000;}
	#tabsPage02 .txtCont{margin-top: 35px;}
	#tabsPage02 .gridinfoCi{margin-top: 45px;}
	#tabsPage02 .gridinfoCi h3{background: transparent url("../img/common/blltSpr.png") no-repeat -8px -126px; font-size: 16px; line-height: 17px; padding: 0 0 7px 16px;}
	#tabsPage02 .gridinfoCi .imgCi{width: calc(50% - 6px);}
	#tabsPage02 .gridinfoCi .imgCi:nth-of-type(odd){margin-right: 6px;}
	#tabsPage02 .gridinfoCi .imgCi:nth-of-type(even){margin-right: 0;}
	#tabsPage02 .gridinfoCi .imgCi img{width: 100%;}
	#tabsPage02 .semanticsCi{background: #FCFCFC; color: #A0A0A0; font-size: 16px; font-weight: 500; border: 1px solid #F0F0F0; padding: 5px 15px 10px;}
	#tabsPage02 .semanticsCi .point{color: #3AB2E6; font-size: 20px;}

	/* SUB 1-1 // TABS PAGE 3 */
	#tabsPage03 .slogan{margin-top: 35px;}
	#tabsPage03 .slogan:nth-of-type(2){margin-top: 0;}
	#tabsPage03 .slogan:nth-of-type(2) .waterDrop{background-position: 0 0;}
	#tabsPage03 .slogan:nth-of-type(3) .waterDrop{background-position: -216px 0;}
	#tabsPage03 .slogan:nth-of-type(4) .waterDrop{background-position: -435px 0;}
	#tabsPage03 .slogan .waterDrop{width: 220px; height: 220px; background: url("../img/sub/sub_1_03.png") no-repeat; background-size: cover; margin: 0 auto 15px;}
	#tabsPage03 .slogan:nth-of-type(2) .waterDrop .commt{background-position: 68px -505px;}
	#tabsPage03 .slogan:nth-of-type(3) .waterDrop .commt{background-position: 71px -625px; padding-top: 80px;}
	#tabsPage03 .slogan:nth-of-type(4) .waterDrop .commt{background-position: 71px -735px;}
	#tabsPage03 .slogan .waterDrop .commt{
		width: 100%; 
		background: transparent url("../img/common/iconSpr.png") no-repeat; 
		background-size: 35%; 
		color: #3AB2E6; 
		font-size: 15px; 
		text-align: center; 
		line-height: 20px; letter-spacing: -.5px; 
		padding: 90px 0 0; margin: 0 auto;
	}
	#tabsPage03 .corpValue{background: #F5F5F5; padding: 10px;}
	#tabsPage03 .corpValue li{background: transparent url("../img/common/blltSpr.png") no-repeat -8px -184px; color: #5A5A5A; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 18px;}

	/* SUB 1-1 // TABS PAGE 4 */
	#tabsPage04 .organChart{width: 100%;}
	#tabsPage04 .organChart > img{width: 100%;}

	/* SUB 1-2 */
	#sub .historyArea{margin-top: 7vw;}
	#sub .historyArea > .historyImg img{width: 100%;}
	#sub .historyArea > .historyImg.img1{margin-top: 7vw;}
	#sub .historyArea > .historyImg.img2{margin-top: 9.1667vw;}
	#sub .historyArea > .historyImg.img3{margin: 11.1111vw 0px;}
	#sub .historyArea p{font-size: 4vw; font-weight: 700;}
	#sub .historyArea p:first-child{color: #363433;}
	#sub .historyArea .tit p:last-child{color: #3ab2e6;}
	
	#sub .historyArea dt{width: 25vw; min-height: 35vw; color: #494949; font-size: 5vw; font-weight: 500; text-align: right; padding: 1.7vh 2.3vh 0 0;}
	#sub .historyArea dt:first-of-type{border-top: 1px solid #3AB2E6;}
	#sub .historyArea dd{width: calc(100% - 25vw); background: transparent url("../img/common/blltSpr.png") no-repeat; color: #898989; font-size: 3.5vw; font-weight: 400; padding-left: 17px;}
	#sub .historyArea dd:first-of-type{border-top: 1px solid #E2E2E2;}
	#sub .historyArea dd:first-of-type{padding-top: 2vh;}
	#sub .historyArea dd:last-of-type{padding-bottom: 2vh;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#sub .historyArea dd:first-of-type{background-position: -5px -386px;}
	#sub .historyArea dd{background-position: -5px -398px;}
}
@media screen and (min-width: 321px) and (max-width: 720px){
	/* Moblie device support */
	#sub .historyArea dd:first-of-type{background-position: -5px -382px;}
	#sub .historyArea dd{background-position: -5px -397px;}
}
@media screen and (min-height: 670px) and (width: 375px){
	/* iPhoneX support */
	#sub .historyArea dd:first-of-type{background-position: -5px -381px;}
	#sub .historyArea dd{background-position: -5px -396px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#sub .historyArea dt:first-of-type{padding-top: 20px}
	#sub .historyArea dd{background-position: -5px -387px; padding-left: 30px;}
	#sub .historyArea dd:first-of-type{background-position: -5px -361px; padding-top: 25px}
	#sub .historyArea dd:last-of-type{padding-bottom: 25px;}
}

	/* SUB 1-3 */
	#sub .mapArea .wrap_controllers{border: 1px solid #E6E6E6;}
	#sub .mapArea .root_daum_roughmap{width: 100%;}
	#sub .mapArea .wrap_map{height: 50vh;}
	#sub .mapArea .section.lst{border: 1px solid #E6E6E6; border-bottom: none; padding: 2vh;}
	#sub .addressInfo dl{width: 100%; border: 1px solid #E6E6E6; border-bottom: none;}
	#sub .addressInfo dl:last-of-type{border-bottom: 1px solid #E6E6E6;}
	#sub .addressInfo dt, #sub .addressInfo dd{line-height: 10vw;}
	#sub .addressInfo dt{width: 15vw; background: #F9F9F9; color: #757575; font-size: 5vw; text-align: center; text-shadow: 5px 5px 7px rgba(0,0,0,.1);}
	#sub .addressInfo dd{width: calc(100% - 20vw); color: #757575; font-size: 3.2vw; font-weight: 400; text-align: left; letter-spacing: -.2px; padding-left: 2vw;}

	/* SUB 2 // common */
	#sub .businessModel{width: 100%;}

	/* SUB 2-1 */
	#sub .bsnsFeildInfo{font-size: 13px;}
	#sub .bsnsFeildInfo [class^="colorKeyword"]{line-height: 5.4vh;}
	#sub .bsnsFeildInfo .plus{width: 60px; height: 40px; background: url("../img/common/iconSpr.png") no-repeat 50% -1715px; background-size: cover; margin: 0 auto;}
	#sub .bsnsFeildInfo + .bsnsFeildInfo{font-size: 10px; padding-left: 15px;}
	#sub .bsnsFeildInfo ul{background: #F8F8F8; margin-bottom: 27px; padding: 5px 10px;}
	#sub .bsnsFeildInfo li{background: url("../img/common/blltSpr.png") no-repeat 0 -878px; padding-left: 25px;}
	#sub .bsnsCategory{position: relative; padding: 5vh 0 0;}
	#sub .bsnsCategory h4{font-size: 5vw; font-weight: 500; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; padding: 0 0 7px 10px;}
	#sub .bsnsCategory ul{background: #F5F5F5; margin-top: 30px; padding: 3vw 4.9vw;}
	#sub .bsnsCategory li{width: calc((100% - 25px) / 6); height: 12vw; background: #FFF; color: #737373; font-size: 4vw; text-align: center; line-height: 12.5vw; letter-spacing: 0px; border-radius: 2vw; margin: 8px 5px 0 0;}
	#sub .bsnsCategory li:nth-of-type(1), #sub .bsnsCategory li:nth-of-type(2), #sub .bsnsCategory li:nth-of-type(3), #sub .bsnsCategory li:nth-of-type(4), #sub .bsnsCategory li:nth-of-type(5), #sub .bsnsCategory li:nth-of-type(6){
		margin-top: 0;
	}
	#sub .bsnsCategory li:nth-of-type(3){line-height: 5.5vw; padding-top: 3px;}
	#sub .bsnsCategory li:nth-of-type(6){margin-right: 0;}
	#sub .bsnsCategory li:last-of-type{font-size: 3.8vw; letter-spacing: -1px;}
	#sub .bsnsCategory .pointBox{width: 15vw; height: 35vw; background: rgba(58,178,230,.2); position: absolute; left: calc(50% - (15vw - 2px)); bottom: 75px;}
	#sub .bsnsCategory .pointBox:before{content: ' '; width: 1px; height: 37px; background: #D3D3D3; position: absolute; left: 50%; bottom: -37px;}
	#sub .bsnsCategory .cmmt{color: #3AB2E6; font-size: 4vw; text-align: center; padding: 40px 52px 0 0;}
	#sub .bsnsCategory .cmmt .point{font-size: 5vw;}
	#sub .bsnsSuggestion{color: #A7A7A7; font-size: 4.5vw; letter-spacing: -.2px; padding: 7vh 0 10vh;}
	#sub .bsnsSuggestion .point{color: #000; font-weight: 500; border-top: 2px solid #3AB2E6; padding-top: 4px;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#sub .bsnsFeildInfo [class^="colorKeyword"]{line-height: 39px;}
	#sub .bsnsFeildInfo + .bsnsFeildInfo{padding-left: 10px;}
	#sub .bsnsFeildInfo ul{background: #F8F8F8; line-height: 16px; margin-bottom: 25px; padding: 5px 10px 5px 0;}
	#sub .bsnsFeildInfo li{background: url("../img/common/blltSpr.png") no-repeat 0 -877px; padding-left: 25px;}
	#sub .bsnsCategory h4{font-size: 5vw; font-weight: 500; letter-spacing: 1px; border-bottom: 1px solid #E2E2E2; margin-bottom: 15px; padding: 0 0 7px 10px;}
	#sub .bsnsCategory ul{background: #F5F5F5; margin-top: 30px; padding: 3vw 4vw;}
	#sub .bsnsCategory .pointBox{width: 15vw; height: 35vw; background: rgba(58,178,230,.2); position: absolute; left: calc(50% - (15vw - 2px)); bottom: 60px; margin-top: 30px;}
	#sub .bsnsSuggestion .point{color: #000; font-weight: 500; border-top: 2px solid #3AB2E6; padding-top: 1px;}
}
@media screen and (min-width: 321px) and (max-width: 420px){
	/* Moblie device support */
	#sub .bsnsFeildInfo [class^="colorKeyword"]{line-height: 35px;}
	#sub .bsnsFeildInfo + .bsnsFeildInfo{padding-left: 10px;}
	#sub .bsnsCategory .pointBox{width: 15vw; height: 35vw; background: rgba(58,178,230,.2); position: absolute; left: calc(50% - (15vw - 2px)); bottom: 63px;}
	#sub .bsnsSuggestion .point{color: #000; font-weight: 500; border-top: 2px solid #3AB2E6; padding-top: 7px;}
}
@media screen and (min-width: 410px){
	/* wide Moblie device support */
	#sub .bsnsCategory .pointBox{bottom: 64px;}
}

@media screen and (min-height: 670px) and (width: 375px){
	/* iPhoneX support */
	#sub .bsnsFeildInfo{font-size: 1.7vh;}
	#sub .bsnsFeildInfo [class^="colorKeyword"]{line-height: 38px;}
	#sub .bsnsFeildInfo + .bsnsFeildInfo{padding-left: 6px;}
	#sub .bsnsFeildInfo ul{background: #F8F8F8; margin-bottom: 20px; padding: 5px 10px 5px 0;}
	#sub .bsnsCategory .pointBox{width: 15vw; height: 35vw; background: rgba(58,178,230,.2); position: absolute; left: calc(50% - (15vw - 2px)); bottom: 62px;}
	#sub .bsnsCategory .cmmt .point{font-size: 43px;}
	#sub .bsnsSuggestion .point{color: #000; font-weight: 500; border-top: 2px solid #3AB2E6; padding-top: 7px;}
}
@media screen and (min-width: 721px){
	/* device screen exception custom Code */
	#sub .bsnsFeildInfo{font-size: 25px;}
	#sub .bsnsFeildInfo [class^="colorKeyword"]{line-height: 80px;}
	#sub .bsnsFeildInfo .plus{width: 100px; height: 60px; background-position: 50% -2865px;}
	#sub .bsnsFeildInfo + .bsnsFeildInfo{font-size: 19px; padding-left: 25px;}
	#sub .bsnsFeildInfo ul{margin-bottom: 15px; padding: 10px;}
	#sub .bsnsFeildInfo li{background-position: 10px -870px; line-height: 36px; padding-left: 45px;}
	#sub .bsnsCategory h4{font-size: 30px;}
	#sub .bsnsCategory ul{padding: 25px 30px}
	#sub .bsnsCategory li{width: calc((100% - 75px) / 6); margin: 20px 15px 0 0;}
	#sub .bsnsCategory .pointBox{bottom: 76px;}
	#sub .bsnsCategory .cmmt{font-size: 23px;}
	#sub .bsnsCategory .cmmt .point{font-size: 28px;}
	#sub .bsnsSuggestion{font-size: 25px;}
}

	/* SUB 2-2 */
	#sub .businessModel > img{width: 100%; border: 1px solid #EFEFEF;}

	/* SUB 2-2 // Detail List */
	#sub .bsnsPrjTit{background: url("../img/common/blltSpr.png") no-repeat 1px -582px; padding: 4px 0 14px 41px;}
	#sub .bsnsPrjTit h4{color: #000; font-size: 36px; font-weight: 500; letter-spacing: -1.75px;}
	#sub .bsnsPrjTit .back{font-size: 18px; line-height: 35px; letter-spacing: -.4px; margin: 10px 0 0; padding: 1px 0 0;}
	#sub .bsnsPrjTit .back .fa:before{font-size: 27px; vertical-align: -2px; margin: 0 7px 0 -3px;}
	#sub .bsnsPrjList{border-top: 1px solid #3AB2E6; border-bottom: 1px solid #5B5B5B;}
	#sub .bsnsPrjList dl{font-weight: 400; line-height: 77px;}
	#sub .bsnsPrjList .prjPerfmcName, #sub .bsnsPrjList .prjPerfmcName .client:before{font-size: 18px; color: #373737;}
	#sub .bsnsPrjList .prjPerfmcName{width: 957px; border-bottom: 1px solid #D3D3D3; padding-left: 24px;}
	#sub .bsnsPrjList .prjPerfmcName .client:before{content: '\FF1A'; margin-right: 3px;}
	#sub .bsnsPrjList .prjPerfmcName .client{color: #919191; padding-top: 1px;}
	#sub .bsnsPrjList .period{width: 243px; color: #919191; font-size: 16px; text-align: right; letter-spacing: -.8px; border-bottom: 1px solid #9B9B9B; padding-right: 32px;}
	#sub .bsnsPrjList dl:last-of-type .prjPerfmcName, #sub .bsnsPrjList dl:last-of-type .period{border-bottom: none;}

	/* SUB 2-3 // Project List */
	#sub .prjStatus a{width: 380px; height: 194px; background: #EDEDED url("../img/sub/prjThumbSpr.png") no-repeat; margin: 0 20px 25px 0; padding-top: 98px;}
	#sub .prjStatus a:nth-of-type(3n){margin-right: 0;}
	#sub .prjStatus a:nth-of-type(1){background-position: 140px 15px;}
	#sub .prjStatus a:nth-of-type(2){background-position: 140px -195px;}
	#sub .prjStatus a:nth-of-type(3){background-position: 140px -405px;}
	#sub .prjStatus a:nth-of-type(4){background-position: 140px -1035px;}
	#sub .prjStatus a:nth-of-type(5){background-position: 140px -1245px;}
	#sub .prjStatus a:nth-of-type(6){background-position: 140px -1455px;}
	#sub .prjStatus a h4{color: #9C9C9C; font-size: 20px; font-weight: 500; text-align: center; line-height: 25px; padding: 25px 0 40px;}
	#sub .prjStatus a:hover{background-color: #3AB2E6; background-image: url("../img/sub/prjThumbSprHover.png");}
	#sub .prjStatus a:hover h4{color: #FFF;}

	/* SUB 2-3 // Project Detail Popup */
	#detailPop{width: 1200px; border: 3px solid #3ab2e5; position: relative; padding: 49px 116px 50px;}
	#detailPop .titArea{border-bottom: 1px solid #B9B9B9; padding-bottom: 13px; position: relative;}
	#detailPop .titArea h4{color: #1A1A1A; font-size: 36px; font-weight: 500;}
	#detailPop .titArea .titDesc{color: #C9C9C9; font-size: 18px; font-weight: 400; letter-spacing: -.2px; position: absolute; bottom: 13px; margin-left: 16px;}
	#detailPop .bulletWrapper{position: absolute; right: 0px; bottom: 14px;}
	#detailPop .bulletWrapper > li.bullet{width: 13px; height: 13px; background: #D3D3D3;}
	#detailPop .bulletWrapper > li.bullet.active{background: #3AB3E2;}
	#detailPop .fDownArea ul{min-width: 1px; min-height: 43px; border-bottom: 1px solid #EDEDED; padding: 10px 0;}
	#detailPop .fDownArea li{background: url("../img/common/blltSpr.png") no-repeat 1px -815px; font-weight: 400; letter-spacing: -.4px; padding: 0 4px 0 25px;}
	#detailPop .fDownArea .button.download{width: 77px; background-position: 0 -5px; font-size: 13px; text-shadow: 2px 2px 1px #FFF; line-height: 21px; margin-left: 8px; padding: 0;}
	#detailPop .slideArea > ul.imgList{width: 962px; height: 530px; overflow: hidden; position: relative; padding-top: 1px;}
	#detailPop .slideArea > ul.imgList > li{width: 100%; text-align: center; float: left; position: absolute;}
	#detailPop a.btn.close{position: absolute; top: -1px; right: -2px; padding: 25px;}
	#detailPop a.btn.next{position: absolute; top: calc(50% - 8px); right: 0px; margin-top: -32px;}
	#detailPop a.btn.prev{position: absolute; top: calc(50% - 8px); left: 0px; margin-top: -32px;}

	/* SUB 2-3 // Project Detail Popup - common style */
	.define{text-align: left; padding-bottom: 43px;}
	.define dt{background: url("../img/common/blltSpr.png") no-repeat -7px -687px; color: #3AB2E6; font-size: 24px; font-weight: 500; letter-spacing: -.2px; padding: 0 0 10px 17px;}
	.define dd{color: #6B6B6B; font-size: 16px; font-weight: 400; line-height: 1.7;}
	.define .thumbInfo{width: 252px; background: url("../img/slide/slide_upis04_bg.png") no-repeat 0 0; text-align: center; margin-right: 53px;}
	.define .thumbInfo:nth-of-type(3n){float: none; margin-right: 0;}
	.define .thumbInfo h5{color: #FFF; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -.2px;}
	.define .thumbInfo img{}
	.define .thumbInfo p{font-family: NanumGothic, "FontAwesome"; color: #545454; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 0 15px;}
	.define table{font-family: "돋움", Dotum; width: 530px; font-size: 12px; text-align: center;}
	.define caption{font-family: 'Noto Sans KR'; color: #5A5A5A; line-height: 37px;}
	.define th, .define td{line-height: 30px;}
	.define thead th{background: rgba(58,178,229,.6); color: #FFF; border: 1px solid #FFF;}
	.define tbody tr :first-child{border-left: none;}
	.define tbody tr :last-child{border-right: none;}
	.define tbody th{background: #F9F9F9; color: #4A4A4A; border: 1px solid #DBDBDB;}
	.define tbody td{background: #FFF; color: #808080; border: 1px solid #DBDBDB;}
	[class^="colorKeyword"]{background: #FFF; color: #373636; line-height: normal;}
	.colorBox0{background: transparent; color: #676767; border: 1px solid #B5B5B5;}
	.colorBox1{background: #85CFEF; color: #FFF;}
	.colorBox2{background: #88E7E6; color: #FFF;}
	.colorBox3{background: #C6C6C6; color: #FFF;}
	.colorBox4{background: #3AB2E6; color: #FFF;}
	.colorBox5{background: #42CFA4; color: #FFF;}
	.colorBox6{background: #f6f6f6; color: #ADADAD;}
	.imgBox01{background: #F9F9F9; padding: 42px 32px 31px;}
	.imgBox02{background: #F1F1F1;}
	.infoList h5{color: #6B6B6B;}
	.infoList li:before{content: '- '; font-size: 20px; vertical-align: -2px;}
	.infoList h5 + ul li{font-family: NanumGothic, "FontAwesome"; color: #B5B4B4;}


	/* SUB 4-1 // Board common */
	#sub .btnArea{margin: 25px 0 35px;}
	#sub .btnArea .listBack{
		width: 114px; 
		background-image: url("../img/common/iconSpr.png"); background-repeat: no-repeat; background-position: calc(50% - 20px) -1962px; 
		font-size: 18px; font-weight: 400; 
		line-height: 42px; letter-spacing: -.4px; 
		padding-left: 53px;
	}

	/* SUB 4-1 // Board LIST */
	#sub .searchArea{padding-bottom: 70px;}
	#sub .searchArea .selectBox label, #sub .searchArea .textBox label{font-size: 14px; letter-spacing: -.5px;}
	#sub .searchArea .selectBox{width: 80px; height: 40px;}
	#sub .searchArea .textBox{width: calc(100% - 130px); height: 40px;}
	#sub .searchArea .searchBtn{width: 40px; height: 40px; max-height: 40px; background: url("../img/common/iconSpr.png") no-repeat -30px -1573px; color: transparent; font-size: 0; line-height: 30px; vertical-align: middle;}
	#sub .listBoard{margin-top: 34px;}
	#sub .listBoard ul{width: 100%; font-weight: 400; border-top: 2px solid #212121;}
	#sub .listBoard li{min-height: 35px; color: #757575; font-size: 15px; border-bottom: 1px solid #E9E9E9;}
	#sub .listBoard li a{width: 100%; height: 100%; display: table; padding: 10px 10px 10px 15px;}
	#sub .listBoard li:hover, #sub .listBoard li.brdNoti:hover{background: #F1F1F1;}
	#sub .listBoard li.brdColumn{min-height: 35px; background: #FAFAFA; line-height: 35px; border-bottom: none; padding: 5px 10px 5px 15px;}
	#sub .listBoard li.brdColumn div{color: #3AB2E4; font-size: 16px; text-align: center !important;}
	#sub .listBoard li.brdNoti{background: #F3FBFF;}
	#sub .listBoard li.brdNoti .brdNotiTit{width: calc(100% - 90px); color: #5B5B5B;}
	#sub .listBoard li .notiTag{width: 35px; background: #3AB2E4; color: #FFF; font-size: 13px; text-align: center; line-height: 20px;}
	#sub .listBoard li div[class^="brd"]{vertical-align: middle; display: table-cell;}
	#sub .listBoard li div[class^="brd"]:nth-of-type(1){width: calc(100% - 90px); text-align: left;}
	#sub .listBoard li div[class^="brd"]:nth-of-type(2){width: 90px; text-align: center;}
	#sub .pagination .submitBtn a{width: 130px; font-size: 18px; font-weight: 400; line-height: 42px; letter-spacing: -.4px;}
	#sub .pagination .submitBtn a:hover{background: #7AD4EC;}
	#sub .pagination .submitBtn a:active, #sub .pagination .submitBtn a:focus{background: #4395E2;}
	#sub .pagination .submitBtn a.img{padding-left: 53px;background-image: url("../img/common/iconSpr.png"); background-repeat: no-repeat; background-position: -13px -1701px;}
	#sub .pagination .submitBtn a.img:hover{background: #7AD4EC url("../img/common/iconSpr.png") no-repeat -13px -1701px;}
	#sub .pagination .submitBtn a.img:active, #sub .pagination .submitBtn a.img:focus{background: #4395E2 url("../img/common/iconSpr.png") no-repeat -13px -1701px;}

	/* SUB 4-1 // Board Detail */
	#sub .boardArea .titBox{color: #555; font-size: 16px; font-weight: 500; letter-spacing: -.45px; border-top: 2px solid #616161; position: relative; padding: 5px 18px 10px;}
	#sub .boardArea .titBox .lineDeco{width: 101px; border-top: 2px solid #3AB2E6; position: absolute; top: -2px; left: 0;}
	#sub .boardArea .sysBox{background: #FAFAFA; color: #555; font-size: 12px; line-height: 36px; letter-spacing: -.2px; border-top: 1px solid #E9E9E9; padding: 0 31px;}
	#sub .boardArea .sysBox li{letter-spacing: -.45px; padding-left: 40px;}
	#sub .boardArea .sysBox .datePara{background: url("../img/common/icoDate.png") no-repeat -6px 1px; background-size: contain;}
	#sub .boardArea .sysBox .cntPara{background: url("../img/common/icoCnt.png") no-repeat -7px 1px; background-size: contain;}
	#sub .boardArea .contBox{color: #888; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: -.38px; padding: 20px 18px;}
	#sub .boardArea .fileList{line-height: 47px; letter-spacing: -.2px; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 0 3px;}
	#sub .boardArea .fileList li{
		width: 50%;
		background: url("../img/common/iconSpr.png") no-repeat -25px -1894px; 
		color: #6E6E6E; 
		font-size: 12px; font-weight: 400; 
		line-height: 36px; letter-spacing: 0; 
		border-right: 1px solid #616161; 
		padding-left: 40px;
	}
	#sub .boardArea .fileList li:only-of-type{border-right: none;}
	#sub .boardArea .fileList li:last-of-type{border-right: none;}
	#sub .boardArea .fileList li span{color: #B5B5B5;}

	/* SUB 4-1 // Board Write */
	#sub .wrtBoard table{width: 100%;}
	#sub .wrtBoard th, #sub .wrtBoard td{height: 61px; font-size: 16px; letter-spacing: -.4px; border-bottom: 1px solid #E9E9E9;}
	#sub .wrtBoard th{background: #FAFAFA; color: #555; text-align: center;}
	#sub .wrtBoard tr:first-of-type th{border-top: 2px solid #3AB2E6;}
	#sub .wrtBoard td{background: #FFF; color: #939292; text-align: left; padding: 10px	12px;}
	#sub .wrtBoard tr:first-of-type td{border-top: 2px solid #616161;}
	#sub .wrtBoard .textBox label{font-size: 15px; letter-spacing: -.5px;}
	#sub .wrtBoard .fileBox .fName{width: 211px; color: #848484; font-size: 15px; font-weight: 400;}
	#sub .wrtBoard .fileBox label{width: 104px; color: #6E6E6E; font-size: 15px; font-weight: 400; text-shadow: 2px 2px 1px #FFF;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#sub .searchArea .selectBox label, #sub .searchArea .textBox label{font-size: 13px;}
	#sub .boardArea .sysBox{font-size: 12px; padding: 0 10px;}
}
@media screen and (min-width: 321px) and (max-width: 720px){
	/* Moblie device support */
}
@media screen and (min-height: 670px) and (width: 375px){
	/* iPhoneX support */
}
@media screen and (min-width: 410px){
	/* device screen exception custom Code */
	
}

	/* SUB 4-2 */
	#sub .corpTalent .titArea{border-bottom: 1px solid #454545;}
	#sub .corpTalent .titArea h3{color: #454545; font-size: 20px; font-weight: 500; padding-bottom: 10px;}
	#sub .corpTalent .contArea dl:nth-of-type(1){background-image: url("../img/sub/talenCircle01.png");}
	#sub .corpTalent .contArea dl:nth-of-type(2){background-image: url("../img/sub/talenCircle02.png");}
	#sub .corpTalent .contArea dl:nth-of-type(3){background-image: url("../img/sub/talenCircle03.png");}
	#sub .corpTalent .contArea dl{background-position: center left; background-repeat: no-repeat; background-size: 55px; border-bottom: 1px solid #E8E8E8; padding: 20px 0 20px 70px;}
	#sub .corpTalent .contArea dl:last-of-type{border-bottom: 1px solid #B2B2B2;}
	#sub .corpTalent .contArea dt{font-size: 14.5px; padding-bottom: 3px;}
	#sub .corpTalent .contArea dt .point{color: #3AB2E6;}
	#sub .corpTalent .contArea dd{color: #868686; font-size: 12px; font-weight: 400;}
	#sub .corpTalent .contArea dd .minus{margin: 0 7px 0 8px;}
	#sub .corpTalent .cmmnt{color: #AEAEAE; font-size: 13px; font-weight: 400; padding: 20px 0 55px;}

	/* SUB 4-3 */
	.inquiry .aster:after{content: '*'; color: #3AB2E6; font-weight: 500; vertical-align: -3px; margin-left: 5px;}
	.inquiry .close{width: 30px; height: 30px; background: url("../img/common/iconSpr.png") no-repeat -35px -2748px; position: absolute; top: 10px; right: 10px;}
	.inquiry .agree{color: #494949; font-size: 16px; font-weight: 400;}
	.inquiry .btnArea{text-align: center;}
	.inquiry .desc{color: #868686; font-size: 13px; font-weight: 400; text-align: right; padding-bottom: 5px;}
	.inquiry .desc:before{content: '*'; color: #3AB2E6; font-weight: 500; margin-right: 5px;}
	.inquiry .infoMsg{background: #F4F4F4; color: #494949; font-size: 12px; font-weight: 400; border-top: 1px solid #AFAFAF; padding: 5px 10px 12px;}
	.inquiry .writeArea{margin: 15px 0 25px;}
	.writeArea dl{border-bottom: 1px solid #D0D0D0;}
	.writeArea dl:first-of-type dt, .writeArea dl:first-of-type dd{padding-top: 0;}
	.writeArea dt, .writeArea dd{padding: 10px 6px;}
	.writeArea dt{width: 73px; color: #494949; font-size: 15px; font-weight: 400; line-height: 36px;}
	.writeArea dd{width: calc(100% - 73px); font-size: 13px;}
	.writeArea dd .minus{margin: 0 7px 0 8px}
	.writeArea dd .atMark{line-height: 36px; margin: 0 3px 0 2px;}
	.writeArea dd .textBox, .writeArea dd .selectBox{height: 40px;}
	.writeArea dd .textBox input[type="text"], .writeArea dd .textareaBox textarea, .writeArea dd .selectBox{background: #FBFBFB;}
	.writeArea dd .selectBox:before{right: 10px; margin-top: -.15em;}
	.writeArea dd .atMark + .textBox{width: calc(100% - 120px);}
	.writeArea dd .userMail.selectBox{margin-left: 2px;}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	.writeArea dd .userMail.selectBox{margin-left: 3px;}
}



/* Dialog */
	*#modalBak{width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; top: 0px; left: 0px; z-index: 16777271;}
	div.modalWrap{width: 100%; height: 100%; position: relative;}
	div.modalWrap>div{position: absolute; top: 2em; left: 50%;}
	div.modalWrap div.modal{background: #FFF; position: relative; left: -50%;}