@charset "utf-8";

@font-face {
	font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 100;
	src: url(/fonts/NanumSquareRoundL.woff2) format('woff2'),
	url(/fonts/NanumSquareRoundL.woff) format('woff'),
	url(/fonts/NanumSquareRoundL.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/NanumSquareRoundR.woff2) format('woff2'),
	url(/fonts/NanumSquareRoundR.woff) format('woff'),
	url(/fonts/NanumSquareRoundR.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/NanumSquareRoundB.woff2) format('woff2'),
	url(../fonts/NanumSquareRoundB.woff) format('woff'),
	url(../fonts/NanumSquareRoundB.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquareRound';
	font-style: normal;
	font-weight: 800;
	src: url(../fonts/NanumSquareRoundEB.woff2) format('woff2'),
	url(../fonts/NanumSquareRoundEB.woff) format('woff'),
	url(../fonts/NanumSquareRoundEB.ttf) format('truetype');
}

html, body {font-family: 'NanumSquareRound', AppleGothic, 'Dotum', sans-serif; color: #333;}

/* font */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/*==========================================================================
Base
==========================================================================*/
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

:root{font-size: 62.5%;}
@media all and (max-width:999px){
    :root{font-size:60%}
}
@media all and (max-width:640px){
    :root{font-size: 57.5%;}
}
@media all and (max-width:360px){
    :root{font-size: 55%;}
}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; -webkit-text-size-adjust:none; }
body{/*font-family:'Roboto', 'Pretendard', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;*/font-size:1rem;color:#555;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-.05em; word-break:keep-all;}
html, body {width:100%;height:100%;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate ; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:0.7rem; color:#666; }
img { border:0; font-size:0; vertical-align:top; max-width: 100%; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:0.75rem; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
br{font-family: 'NanumSquareRound', AppleGothic, 'Dotum', sans-serif;}

h1, h2, h3, h4, h5, h6 { padding:0px;margin:0px; }


a, a code { color:#5c5c5c; text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:active, a:active code { text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease; }
a:hover, a:hover code, a:focus, a:focus code { text-decoration:none; /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property: color, border-color, background-color;   transition-timing-function: ease;  }
sup,sub { font-size:0.75rem; font-style:italic; }
checkbox { vertical-align:middle}
a {outline:none; select-dummy: expression(this.hideFocus=true);cursor:pointer}
.hand {cursor:pointer}

html, body { height:100%;}
body { color:#000; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; background-color:#e9edf4}
#wrap {	position:relative; width:100%; min-width:320px; font-size:1.6rem; }
/*.inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.h-inner{width: 1400px; position: relative; margin-left: auto; margin-right: auto;}
.f-inner{width: 1728px; position: relative; margin-left: auto; margin-right: auto;}
*/

/* 정렬 */
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.fr { float:right !important; }
.fl { float:left !important; }
.mid { vertical-align:middle !important ; }
.clear {clear:both !important;}
.overhide {overflow:hidden !important;}
.block { display: block; }
.inblock { display: inline-block; }


#top {text-align: center; margin:8rem auto 3rem;}
#top h2 {font-size: 5.2rem;color: #000; font-weight: 500;}
#top h3 {font-size: 3.5rem;color: #000; font-weight: 500; margin-bottom:2rem;}

#subTitle{font-size: 5.5rem; line-height: 1em;text-align: center; color: #333333; padding: 100px 0 80px; font-weight: 500;}

/* button */
.btnC {display:inline-block;box-sizing:border-box;border:1px solid #2a3a53;background:#fff;vertical-align:top;transition:0.2s;}
.btnC>span {display:block;overflow:hidden;width:auto;min-width:145px;height:54px;margin:0;box-sizing:border-box;padding:0 45px;color:#fff;font-family:'NanumSquareRound', AppleGothic, 'Dotum', sans-serif; font-size:16px;font-weight:500;line-height:56px;text-align:center;letter-spacing:-1px;}
.btnC:hover {background:#2a3a53;}
.btnC:hover>span {color:#fff;}

.btnC.btnBlue,
.btnC.btnBlue:hover {background-color:#2a3a53}
/*
.btnC.btnRedA,
.btnC.btnRedA:hover {border-color:#a70638;background-color:#a70638}
.btnC.btnRedA>span,
.btnC.btnRedA:hover>span {color:#fff;}
.btnC.btnGrayA,
.btnC.btnGrayA:hover {border-color:#8f8f92;background-color:#8f8f92}
.btnC.btnGrayA>span,
.btnC.btnGrayA:hover>span {color:#fff;}
.btnC.btnBlackA,
.btnC.btnBlackA:hover {border-color:#000;background-color:#000}
.btnC.btnBlackA>span,
.btnC.btnBlackA:hover>span {color:#fff;}
*/

.inq_input {font-size:22px; color:#222;}

.inq_box {width:100%;}
.inq_box .inq_input {/*background:#f1f5f9;*/padding: 90px 30px 35px;width: 90%;margin: -80px auto 0;}
.inq_box .inq_input .inq_input_tt {overflow:hidden;width:70%; margin:20px auto 40px;}
.inq_box .inq_input .inq_input_tt p {display:inline-block;width:30%;float:left;background:#2a3a53;color:#fff;padding: 0px 20px;text-align:center;font-size:17px;line-height: 60px;}
.inq_box .inq_input .inq_input_tt input {display:inline-block;width:70%;padding:0px 20px;height:60px;border:1px solid #ddd;float:left;color:#222;font-size:17px;}
.inq_box .inq_call {text-align:center;display: block;border-radius: 10px;/*color: #ec4755;*/font-weight: 300;padding: 30px 300px; font-size:18px !important; line-height:26px;}
.inq_box .inq_call span {color:#ec4755; font-weight:bold;}

.inq_box .inq_submit {display:block;margin: 20px auto;background:#0063d6;border-radius:0px;padding:15px 10px;width:250px;border:0;font-size:18px;color:#fff;border-radius: 30px;}

@media screen and (max-width:1380px){
    .inq_box .inq_input {width:100%;}
    .inq_box .inq_input .inq_input_tt {width:70%;}
}

@media screen and (max-width:768px){
    .inq_box .inq_input {padding:90px 20px 30px;}
    .inq_box .inq_input .inq_input_tt {width:80%;}
    .inq_box .inq_input .inq_input_tt p {font-size:15px; line-height:50px;}
    .inq_box .inq_input .inq_input_tt input {font-size:15px; height:50px;}
	.inq_box .inq_call {padding:50px 5px; font-size:16px !important;}
	.inq_box .inq_call br {display:none;}
}

@media screen and (max-width:480px){
    .inq_box .inq_input {padding:90px 20px 30px;}
    .inq_box .inq_input .inq_input_tt {width:100%;}
    .inq_box .inq_input .inq_input_tt p {width:100%;}
    .inq_box .inq_input .inq_input_tt input {width:100%;}
    .inq_box .inq_find a {padding: 13px 0;width:100%;margin:10px auto 0;font-size:14px;}
}

@media screen and (max-width:425px){
    .inq_box .inq_img {width:100%; padding:0 20px;}
}

.tb_02 {width:100%;border-collapse: collapse;margin:10px auto;}
.tb_02 caption {font-size:0; height:0;text-indent:-9999px;}
.tb_02 tr {border-top:1px solid #c8c8c8;}
.tb_02 tr:last-child {border-bottom:1px solid #c8c8c8;}
.tb_02 tr th {background: #f5f7f9;color: #2a3a53;padding:10px 20px;font-weight: 400;}
.tb_02 tr td {padding:10px 20px;color: #717171;font-size: 22px;border-right: 1px solid #c8c8c8;text-align:center;}
.tb_02 tr td:last-child {border-right:0;}


.tb_03 {width:100%;border-collapse: collapse;margin:10px auto; word-break:keep-all}
.tb_03 caption {font-size:0; height:0;text-indent:-9999px;}
.tb_03 tr {border-top:1px solid #c8c8c8;}
.tb_03 tr:last-child {border-bottom:1px solid #c8c8c8;}
.tb_03 tr th {background: #6f3a96;color: #fff;padding:10px 20px;font-weight: 400;border-right: 1px solid #c8c8c8;}
.tb_03 tr td {padding:10px 20px;color: #333;font-size: 22px;border-right: 1px solid #c8c8c8;}
.tb_03 tr td:last-child {border-right:0;}

.btn_sel {padding:10px 10px; background:#6f3a96; color:#fff; border-radius:30px; font-size:16px; min-width:80px;}
.btn_sel:hover {background:#a565d4;}