@charset "utf-8";

/*

    Common.css

*/

/*
	Font
*/
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:300;
	src:url(../font/NotoSansKR-Light.woff2) format('woff2'),
		url(../font/NotoSansKR-Light.woff) format('woff'),
		url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src:url(../font/NotoSansKR-Regular.woff2) format('woff2'),
		url(../font/NotoSansKR-Regular.woff) format('woff'),
		url(../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:500;
	src:url(../font/NotoSansKR-Medium.woff2) format('woff2'),
		url(../font/NotoSansKR-Medium.woff) format('woff'),
		url(../font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:700;
	src:url(../font/NotoSansKR-Bold.woff2) format('woff2'),
		url(../font/NotoSansKR-Bold.woff) format('woff'),
		url(../font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:900;
	src:url(../font/NotoSansKR-Black.woff2) format('woff2'),
		url(../font/NotoSansKR-Black.woff) format('woff'),
		url(../font/NotoSansKR-Black.otf) format('opentype');
}

/* 나눔스퀘어라운드 */
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"),
    url("../font/NanumSquareRoundR.eot"), 
    url("../font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), 
    url("../font/NanumSquareRoundR.woff2") format("woff2"), 
    url("../font/NanumSquareRoundR.woff") format("woff"), 
    url("../font/NanumSquareRoundR.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"),
    url("../font/NanumSquareRoundEB.eot"), 
    url("../font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), 
    url("../font/NanumSquareRoundEB.woff2") format("woff2"), 
    url("../font/NanumSquareRoundEB.woff") format("woff"), 
    url("../font/NanumSquareRoundEB.ttf") format("truetype");
}


* {max-height:1000000px;margin:0;padding:0;}
html, body { height: 100%; }
body {min-width:320px;min-height: 100%; background:#fcfcfc;color:#222;font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Apple Gothic,arial,helvetica,sans-serif;font-size:15px;font-weight:400;line-height:22px;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:keep-all;white-space:normal;letter-spacing:-1px;}
img, fieldset, button {border:none;}
hr, button img {display:none;}
li {list-style:none;}
a {color:#222;text-decoration:none;vertical-align:top;}
a:hover, a:active, a:focus, a:visited {text-decoration:none;}
textarea {overflow:auto;} 
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;}
table img {vertical-align:top;}
th, td {vertical-align:middle;word-wrap:break-word;word-break:break-all;}
form  {margin:0;padding:0;}
img {vertical-align:top;}
legend  {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} /* For Screen Reader */ 
caption {width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}
em {font-style:normal;}.blind {position:absolute;left:-9999px;top:-9999px;}
input, textarea, select {-webkit-appearance: none; -moz-appearance: none;appearance: none;border-radius:0;outline:none; border: none;text-decoration: none;resize: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
strong {font-weight:500;}.bold {font-weight:700;}
.slogan {display:block;width:0;height:0;padding:0;margin:0;overflow:hidden;font-size:0;position:absolute;}
.hidden { position: absolute !important; left: -9999px !important;}

img { max-width: 100%; }
.img_m { display: none; }
.promo { text-align: center; }
.promo .wrapper { max-width: 890px; height: 100%; margin: 0 auto; }


.top { background: url(../images/bg_top01.jpg) no-repeat center top; background-size: cover; height: 441px; text-align: center; }
.top_head { height: 130px; padding: 40px 50px; box-sizing: border-box; margin-bottom: 14px; }
.logo { float: left; }
.link { float: right; }

.title { background: url(../images/bg_top02.jpg) no-repeat center top; background-size: cover; height: 540px; text-align: center; }
.title p { padding-top: 200px; }

.p_cont { position: relative; background: url(../images/bg_con.jpg) no-repeat center top; height: 2782px; background-size: cover; }
.img_tab { font-size: 0; }
.img_tab li { display: inline-block; cursor: pointer; width: calc(440px - 10px); height: 100px; padding: 30px 0; margin: 0 5px; background: #999; border-radius: 25px; text-align: center; box-sizing: border-box; }
.img_tab li.on { background: #e24040; }
.tab_con > div { margin-top: 50px; }
.con2 > div { margin-bottom: 20px; }

.box { position: relative; display: block; width: 100%; }
.p_quest { max-width: 770px; text-align: left; position: absolute; top: 0; height: auto; background: #fff; border-radius: 55px; padding: 5px 60px; width: 100%;     height: 100%; }
.p_quest .list li .fold_tit { position: relative; display: block; padding: 30px 0; border-top: 2px dashed #e6e6e6; }
.p_quest .list li:first-child .fold_tit { border-top: 0; } 
.p_quest .list li .fold_tit::after { display: inline-block; content: ''; background: url(../images/arr_down.png) no-repeat 0 0; background-size: contain; width: 20px; height: 11px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-position: right center; } 
.p_quest .list li.current a::after { display: inline-block; content: ''; background: url(../images/arr_up.png) no-repeat 0 0; background-size: contain; background-position: right center; }
.p_quest .list li .fold_cont { position: relative; display: none; padding: 13px 30px; border-radius: 15px; background: #f6f6f6; margin-bottom: 30px; }
.p_quest .list li .fold_cont p { line-height: 1.4; color: #999; font-size: 20px; font-weight: 500; }
.p_quest .list li.current .fold_cont { display: block; }
.btn_nurihome{padding-top: 45px}

@media all and (max-width:1024px) {
	.img_pc { display: none; }
	.img_m { display: block; }
	.top { background-image: url(../images/bg_top01_m.jpg); height: auto; max-height: 402px; }
	.top_head { height: 63px; padding: 15px; margin-bottom: 12px; }
	.top_head .logo { width: 135px; }
	.top_head .link { width: 137px; }
	.title { background-image: url(../images/bg_top02_m.jpg); height: auto; max-height: 496px; }
	.title p {  padding: 70px 35px 30px; }
	
	.promo .wrapper { max-width: 690px; padding: 0 15px; box-sizing: border-box; }
	.p_cont { background-image: url(../images/bg_con_m.jpg); height: auto; padding-bottom: 30px; width: auto}
	.img_tab li { width: calc(50% - 5px); margin: 0 2.5px; height: 50px; padding: 15px; border-radius: 13px; }
	.img_tab li p { width: 135px; margin: auto; }
	
	.tab_con > div { margin-top: 25px; }
	.box { max-height: 409px; min-height: 302px; box-sizing: border-box; overflow: hidden; border-radius: 15px; }
	.p_quest { width: auto; padding: 5px 5%; max-width: 690px; margin: auto; border-radius: 15px; overflow-y: auto; height: 100%;}
	.p_quest .list li .fold_tit { padding: 15px 0; padding-right: 33px; }
	.p_quest .list li .fold_cont  { margin-bottom: 15px; }
}
@media all and (max-width:667px){
	.top .ovj{ position: relative; top: 50px; }
}
@media all and (max-width:500px) {
	.p_quest .list li .fold_tit::after { background-size: 10px; width: 10px; }
	.p_quest .list li .fold_cont { padding: 20px; border-radius: 7px; }
	.p_quest .list li .fold_cont p { font-size: 13px; }
}