@import url("notosanskr.css");

.mboard_1, .mboard_1 a {font-family:'Noto Sans KR'; font-size:17px; font-weight:400; color:#000000;}
.mboard_2, .mboard_2 a {font-family:'Noto Sans KR'; font-size:15px; font-weight: 300; color: #7d7d7d;}

body, input, textarea, a, select{font-family:'Noto Sans KR';}

/* reset */
html, body {width:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0px; padding:0px;}
body img {border:0;}
ul, li {list-style:none;}
a {text-decoration:none;}


td {font-size:9pt; color:#454545; line-height:20px;} 
.box {font-size:9pt; border:2px solid #e7e7e7; background-color:#f7f7f7;  } 
.selectbox {BACKGROUND-COLOR:#F5F5F5; COLOR:#4E4E4E; font-size:8pt;}
.nonbox {font-size:9pt; border:0 solid #666666; background-color:white;  } 
.radio {font-size:9pt; border:0 solid #666666; background-color:white;  } 
.text {font-size:9pt; border:1px solid #e7e7e7;}
.select {font-size:9pt; border:0 solid #666666;}
.outset {font-size:9pt; border:1px outset #ffffff;}
.btn {border:2px solid #565656; font-size:9pt; color:#ffffff; background-color:#73A9D1; height:22px}
.input{background-color:#ffffff; font-family:±¼¸²,Gulim; font-size:12px; color:#636163; border:1px solid #9C9A9C}
.submit {border:1px solid #1F556A; font-size:9pt; color:white; background-color:#50889F; height:19px}
.textarea {border:1px solid 347088; font-size:9pt; color:#042330; background-color:#white}


input {margin:0px; padding:0px; border:1px solid #C0C0C0;}
input[type="text"] {background:#ffffff; height:35px;  padding-left:3px; border:1px solid #C0C0C0;}
input[type="password"] {background:#ffffff; height:35px;  padding-left:3px; border:1px solid #C0C0C0;}
input[type="file"] {border:0;}

select {background:#ffffff; height:35px; border:none; margin:0px; padding:0px; border:1px solid #C0C0C0;}
textarea {resize:none; margin:0px; padding-left:3px;}







/*##############################################
########## Board #############
##############################################*/
.boardWrap {width:930px; margin:62px auto 0;}

/*##############################################
## list class
##############################################*/
.board_1, .board_1 a {font-size:16px; color:#363636; font-weight:600}
.board_2, .board_2 a {font-size:15px; color:#363636}
.board_noti, .board_noti a {font-size:15px; color:#363636; font-weight:600}

.categoryWrap {margin-bottom:20px; text-align:right}

/*.boardTitle {font-weight:bold; text-align:left; height:45px; padding-left:15px}*/


.bListWrap_gall ul {/*width:900px;*/ margin:0 auto; padding:0px}
.bListWrap_gall ul li {float:left; width:380px; height:250px; padding:0 30px 90px 0; margin-bottom:40px; border-bottom:solid 1px gray;}
.bListWrap_gall ul li:nth-of-type(3n){padding-right:0}
.bListWrap_gall ul li .thumb {text-align:center; margin-bottom:5px}
.bListWrap_gall ul li .title {line-height:35px; text-align:center; font-size:18px; width:380px; height:70px; overflow:hidden;}
.bListWrap_gall ul li .title .ellipsis {width:100%; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; line-height:25px; height:50px; -webkit-line-clamp:2;}


.listTB {border-collapse:collapse; border-spacing:0px; border:0}
.listTB .col01 {width:70px}
.listTB .col03 {width:80px}
.listTB .col04 {width:70px}
.listTB .col05 {width:80px}
.listTB tr:first-child {border-top:2px solid #4a4a4a; border-bottom:1px solid #454545}
.listTB tr {border-bottom:1px solid #cfcfcf}
.listTB th {padding:15px 0; text-align:center}
.listTB td {padding:20px 0; text-align:center}
.listTB td.titleWrap {text-align:left}
.listTB img {vertical-align:middle; margin-bottom:2px}
.listTB .active {background:#FFF9E5}

.listTB_faq {border-collapse:collapse; border-top:2px solid #4a4a4a}
.listTB_faq .empty {padding:10px 0}
/*.listTB_faq {border-collapse:collapse}
.listTB_faq td {padding:10px 0; border-bottom:1px solid #cfcfcf; text-align:center}*/

.listTB_faq .qTB {width:100%; border-bottom:1px solid #454545}
.listTB_faq .qTB .col01 {width:50px}
.listTB_faq .qTB tr {/*border-bottom:1px solid #454545;*/}
.listTB_faq .qTB td:first-child {padding:10px 5px 10px 15px}
.listTB_faq .qTB td:last-child {padding-left:0px}

.listTB_faq .aTB {width:100%; border-bottom:1px solid #454545}
.listTB_faq .aTB .col01 {width:50px}
.listTB_faq .aTB td:first-child {padding:10px 0px 10px 50px}
.listTB_faq .aTB td:last-child {padding-left:10px}
/*
#listTB_faq tr:first-child {border-top:2px solid #4a4a4a}
#listTB_faq tr {border-bottom:1px solid #cfcfcf}
#listTB_faq td {height:38px}
*/

/* thumbNail board */
.listTB dl {display:table}
.listTB dt {float:left; margin-right:10px}
.listTB dd {display:table-cell; vertical-align:middle}
.listTB dd p.title {margin-bottom:10px; font-weight:700}

.write_view {display:none}
.write_view p.txt { width:500px; margin:0 auto; margin-top:50px; padding:10px; text-align:center; background:#e4e4e4; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 2px solid #808080; border-bottom: 2px solid #808080}
.writeWrap .write_form .title {padding-left:10px; /*border-top:2px solid #454545;*/ border-bottom:2px solid #454545; font-size:16px; font-weight:700}
.writeWrap .btnArea {/*border-top:2px solid #454545;*/ margin-top:20px; padding-top:20px; text-align:center !important}
.writeWrap .btnArea img:first-child {margin-right:5px}
.writeWrap .btnArea img {cursor:pointer}

/*
#postTB td {padding:8px 10px}
#postTB td:first-child {display:table-cell; height:35px; background:; text-align:left; padding-left:15px; font-weight:bold}
#postTB td:last-child {padding-left:5px}
#counselTB td {padding:8px 10px}
#counselTB td:nth-child(odd) {width:100px; padding-left:10px}
#counselTB td.blank {padding-bottom:30px}
*/

.writeWrap .writeTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.writeWrap .writeTB caption {padding:10px 0; text-align:left; padding-left:15px; font-weight:bold; border-bottom:1px solid #454545; font-size:16px}
.writeWrap .writeTB .col01 {width:120px}
.writeWrap .writeTB tr {border-bottom:1px solid #e1e3e4}
.writeWrap .writeTB td {padding:15px 10px}
.writeWrap .writeTB td:first-child {/*display:table-cell; height:35px;*/padding:10px 0; text-align:left; padding-left:15px; font-weight:bold}
.writeWrap .writeTB td:last-child {padding-left:5px}
.writeWrap .writeTB select {font-size:14px}
.writeWrap .writeTB .labelAttach {display:inherit; padding-top:5px}

.bViewWrap .infoTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.bViewWrap .infoTB .col01 {text-align:left}
.bViewWrap .infoTB .col02 {width:90px}
.bViewWrap .infoTB .col03 {width:70px}
.bViewWrap .infoTB .col04 {width:70px}
.bViewWrap .infoTB .col05 {width:90px}
.bViewWrap .infoTB tr {border-top:2px solid #4a4a4a; border-bottom:1px solid #454545}
.bViewWrap .infoTB td:first-child {padding-left:20px; text-align:left}
.bViewWrap .infoTB td:last-child {padding-right:20px; text-align:left}
.bViewWrap .infoTB td {padding:15px 0; text-align:center; }

.bViewWrap .attachTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.bViewWrap .attachTB .col01 {width:90px}
.bViewWrap .attachTB tr {border-bottom:1px solid #e4e4e4}
.bViewWrap .attachTB td {padding:10px 0; text-align:left; padding-left:20px}

.bViewWrap .content {width:100%; height:500px; border-collapse:collapse; border-spacing:0; border:0; border-bottom:1px solid #454545}
.bViewWrap .content tr {}
.bViewWrap .content td {padding:25px 50px; vertical-align:top}
.bViewWrap .content td p.attachFile {text-align:center; margin-bottom:10px}


.bViewWrap .content_reply {width:100%; border-collapse:collapse; border-spacing:0; border:0; border-bottom:1px solid #454545}
.bViewWrap .content_reply p.title {padding:10px 0; background:#b89669; border-bottom:1px solid #454545; color:#ffffff; text-align:center}
.bViewWrap .content_reply td {padding:20px; vertical-align:top}
.bViewWrap .content_reply p.attachFile {text-align:center; margin-bottom:10px}


.secretWrap {width:300px; margin:0 auto; text-align:center; padding-top:50px}
.secretWrap .secret { background:#f7f7f7}
.secretWrap p.title {padding:10px 0; border-bottom:1px solid #e7e7e7}
.secretWrap .secretTB {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.secretWrap .secretTB td {padding:20px 0}
.secretWrap .btnSecret {padding:20px 0}
.secretWrap input[type="password"] {width:150px; height:30px}
.secretWrap input[type="submit"] {width:50px; height:25px; cursor:pointer}
.secretWrap input[type="button"] {width:50px; height:25px; cursor:pointer; margin-right:5px}

.deleteWrap {width:500px; margin:0 auto; text-align:center; padding-top:50px}
.deleteWrap p.title {padding:10px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7}

.deleteWrap .deleteTB {width:100%; padding-top:20px; border-collapse:collapse; border-spacing:0; border:0}
.deleteWrap .deleteTB .col01 {width:100px}
.deleteWrap .deleteTB tr {border-bottom:1px solid #e7e7e7}
.deleteWrap .deleteTB td:first-child {padding-left:10px; }
.deleteWrap .deleteTB td {padding:10px 0; text-align:left; display:table-cell; border-collapse:collapse}
.deleteWrap .deleteTB td:nth-child(2) {font-weight:700}

.deleteWrap .btnDelete {padding:20px 0}
.deleteWrap input[type="password"] {width:150px; height:30px}
.deleteWrap input[type="submit"] {width:50px; height:25px; cursor:pointer}
.deleteWrap input[type="button"] {width:50px; height:25px; cursor:pointer; margin-right:5px}

.finishWrap {text-align:center}
.finishWrap p.info {width:500px; margin:0 auto; margin-top:50px; padding:10px; text-align:center; background:#e4e4e4; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 2px solid #808080; border-bottom: 2px solid #808080}
.finishWrap .infoBtn {width:60px; height:35px; line-height:35px; display:inline-block; background:#0b54af; color:#ffffff; text-align:center; margin-top:15px}



#counselTB td {padding:8px 10px;}
#counselTB td:nth-child(odd) {width:100px; padding-left:10px;}
#counselTB td.blank {padding-bottom:30px;}

#write_form .title {padding-left:10px; border-top:2px solid #454545; border-bottom:1px solid #454545; font-size:13px; font-weight:600;}
#write_form .btnArea {border-top:2px solid #454545; padding-top:10px;}

/*##############################################
/*########## Paging & search
##############################################*/
#paging {display:table; margin:0 auto}
#paging img {vertical-align:middle}
#paging a {margin:0 5px;}
#paging .click_text {
    width:23px;
    height:23px;
    line-height:23px;
	color:#fefefe;
	text-decoration:none;
	border:1px solid #CCC;
	padding:0px;
	vertical-align:middle;
    background:#000;
    text-align:center;
    display:inline-block;
}
#paging .board_text {width:23px; height:23px; line-height:23px; color:#505050; text-decoration:none; border:1px solid #000; padding:0px; text-align:center; display:inline-block; vertical-align:middle}
#paging .board_text:hover {background:#000; color:#fefefe}
#paging .pg_prevFirst {margin-right:10px}
#paging .pg_nextEnd {margin-left:10px}


.searchWrap {display:table; margin:0 auto}
.searchWrap table {width:100%; border-collapse:collapse; border-spacing:0; border:0}
.searchWrap table .col01 {width:86px}
.searchWrap table .col02 {width:260px}
.searchWrap img {cursor:pointer}



/*
##############################################
## Member
##############################################
*/
#joinTB td {border-bottom:1px solid #cecece;}
#joinTB td:first-child {width:176px; height:40px; background:#E7E7E7; padding:10px; text-align:left;}
#joinTB td:last-child {padding:10px;}

#joinTB input[type="radio"] {vertical-align:middle;}


/*########## menu start #############*/
div#menu {
	background: transparent url('/images/menu_m.png') repeat-x scroll 0 0;
	position: absolute;	top: 0;	left: 0;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;line-height: 150%;	
}
ul.menu {clear: both;float: none;cursor: pointer;z-index: 1;position: relative;}
div#menu ul {margin: 0px;padding: 0px;list-style: none;	float: left;z-index: 2;	position: relative;}
div#menu li {position: relative;margin: 0px;padding: 0px;display: block;overflow: visible;float: left; height: 30px;z-index: 3;}
/* menu::level1 */
div#menu li a {height: 30px;display: block;float: left;	line-height: 30px;text-decoration: none;color: #ffffff;overflow: hidden;z-index: 4; position: relative;}
div#menu li span { color: #ffffff;display: block;padding: 0 15px; background-repeat: no-repeat;background-position: 95% 0px;z-index: 6;position: relative;}
div#menu li span.bg { display: block;background: transparent url('/images/menu_level1_item.png') repeat-x scroll 0pt 100%;padding: 0;	height: 30px;z-index: 5;position:relative;	float: left;}
div#menu li.current {
	//font-weight: bold;
	//background:url('/images/menu_level1_item_current.png');
	background: transparent url('/images/menu_level1_item_current.png') repeat-x scroll 0pt 100%;
}
div#menu li.current ul {font-weight: normal;}
/* menu::level2 */
div#menu ul.menu ul {padding: 0px 0px 10px;	background: transparent url('/images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; _background: transparent url('/images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	left: -999em; width: 165px;position: absolute;top: 30px;}
div#menu li:hover ul, div#menu li.sfhover ul { left: 0px; z-index: 100;	visibility: visible; }
div#menu li li { width: 100%; text-indent: 0px;	float: none; height: auto;}
div#menu li li a, div#menu li li span.separator { margin: 0px 1px;padding: 0px; background: url('/images/menu_level2_item.gif') no-repeat scroll 100% bottom;height: auto; float: none;display: block; line-height: 25px; 	width: 163px;}
div#menu li li a.parent { background: url('/images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;}
/* menu::level3 */
div#menu li ul ul { margin: -31px 0 0 164px;}
div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top: 1px solid #1E1E1E; }
div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; }
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }
div#menu a:hover {color: #FFFFFF;}
div#menu span:hover {color: #FFFFFF;}
div#menu li ul span:hover {	color: #FFFFAA;}
/*########## menu end #############*/



/* »ó´Ü¹è³Ê */
.topBanner {background:url('/images2/main_topban.jpg') no-repeat center center; height:100px;} 


/* ÁÂÃø¸Þ´º ¿µ¿ª */
.menuWrap {width:190px; height:100%; position:fixed; top:0; left:0; overflow:hidden; z-index:99999;}
.menuWrap .leftmenu {width:190px; height:100%; background:white; position:absolute; top:0; left:0;}
.menuWrap .leftmenu .topList a {display:block;}
.menuWrap .leftmenu .topList img {display:block;}
.menuWrap .leftmenu .topList ul {background:#ececec; display:none;}
.menuWrap .leftmenu .topList ul li {border-bottom:1px solid #d0d0d0;}
.menuWrap .leftmenu .topList ul li a {display:block;padding:10px 0 9px 35px;color:#767676;text-decoration:none;font-size:15px;}
.menuWrap .leftmenu .topList ul li a:hover,.menuWrap .leftmenu .topList ul li.select a {background:#bde8f8; color:#000; font-weight:normal;}


/* Äü¸Þ´º ¿µ¿ª */
.quickWrap {position:fixed; top:0; right:0; background:#41464f; height:100%; z-index:10000;}
.quickWrap li {display:block;}
.quickWrap a {display:block;}
.quickWrap .topBtn {padding-top:30px; text-align:center; cursor:pointer;}


/* Äü¸Þ´º - ÀüÈ­»ó´ã */
.fastWrap {background-color:#f4f8f9; width:460px; height:630px; position:absolute; top:0; left:-460px; display:none;}
.fastWrap.show {display:block;} 
.fastWrap .wrap {margin-top:30px;}
.fastWrap .fieldWrap {width:380px; margin:0 auto;}
.fastWrap .fieldWrap + .fieldWrap {margin-top:6px;}
.fastWrap .fieldWrap::after {content:''; clear:both; display:block;}
.fastWrap .fieldWrap > div {float:left;}
.fastWrap .fieldWrap .titleWrap {width:108px;}
.fastWrap .fieldWrap .titleWrap {margin-top:12px;}
.fastWrap .fieldWrap .inputWrap {width:271px;}
.fastWrap .fieldWrap .inputWrap input[type="text"] {width:100%; height:40px; box-sizing:border-box;}
.fastWrap .fieldWrap .inputWrap textarea {width:100%; height:138px; box-sizing:border-box; resize:none;}
.fastWrap .fieldWrap.check {margin-left:150px;}
.fastWrap .fieldWrap.check * {vertical-align:middle;}
.fastWrap .fieldWrap.check a {margin-left:10px; display:inline;}
.fastWrap .buttonWrap {margin-top:28px; text-align:center;}
.fastWrap .buttonWrap a {display:inline-block;}



/* ¼­ºêÆäÀÌÁö */
.contentWrap {background:url('/images2/sub_bg_pattern.jpg') repeat-y center 2px; width:100%; background-position-x: calc(50% + 50px);}
.contentWrap .bgWrap {background:url('/images2/sub_bg.jpg') no-repeat top center; background-position-x:calc(50% + 50px); width:100%; height:100%; padding:150px 0 80px;}
.contentWrap .wrap {background:url('/images2/sub_con_bg.png') repeat center center; width:1200px; height:100%; margin:0 auto; margin-left:calc(50% - 553px);}
.contentWrap .wrap .contentsWrap {width:1040px; margin:0 auto; padding-top:30px;}


/* º»¹® ÅؽºÆ® ¿µ¿ª */
.mboard_3{font-family:'Noto Sans KR'; font-size:30px; font-weight:600; color:#000000; line-height:1.6;}
.mboard_4{font-family:'Noto Sans KR'; font-size:13px; font-weight:200; color:#7d7d7d; line-height:1.6;}
.mboard_5{font-family:'Noto Sans KR'; font-size:30px; font-weight:200; color:#ffffff; line-height:1.6; height:60px;}
.mboard_6{font-family:'Noto Sans KR'; font-size:40px; font-weight:600; color:#ffffff; line-height:1.6;}
.mboard_7{font-family:'Noto Sans KR'; font-size:30px; font-weight:600; color:#059edb; line-height:1.6;}
.mboard_8{font-family:'Noto Sans KR'; font-size:16px; font-weight:300; color:#626262; line-height:1.6;}
.mboard_8 h2 {font-size:16px; font-weight:500; color:black;}

.mboard_8s {font-family:'Noto Sans KR'; font-size:15px; font-weight:300; color:#626262; line-height:1.6;}
.mboard_8s span {font-weight:bold; font-size:15px; color:black;}

.mboard_9{font-family:'Noto Sans KR'; font-size:16px; font-weight:400; color:#626262; line-height:1.6;}
.mboard_9 .foodWrap .titlesWrap {color:#059fdd;}
.mboard_9 .foodWrap .contentsWrap {color:#626262;}

.mboard_10{font-family:'Noto Sans KR'; font-size:20px; font-weight:bold; color:#000000; line-height:1.6;}
.mboard_11{font-family:'Noto Sans KR'; font-size:16px; font-weight:bold; color:#039fdc; line-height:1.6;}


/* ÅÇ ¿µ¿ª */
.tabWrap {border-top:2px solid #173a74; height:62px;}
.tabWrap ul {height:100%;}
.tabWrap ul::after {content:''; clear:both; display:block;}
.tabWrap li {height:100%; float:left; box-sizing:border-box; background:#e6e6e6; border-bottom:1px solid #c4c4c4;}
.tabWrap.divide2 li {width:50%;}
.tabWrap.divide3 li {width:33.3333%;}
.tabWrap.divide4 li {width:25%;}
.tabWrap.divide5 li {width:20%;}
.tabWrap.divide8 li {width:12.5%;}
.tabWrap.divide9 li {width:11.1111%;}
.tabWrap li:first-child {border-left:1px solid #c4c4c4;}
.tabWrap li:last-child {border-right:1px solid #c4c4c4;}
.tabWrap li + li {border-left:1px solid #c4c4c4;}
.tabWrap li.on {background:#173a74; border-bottom:none;}
.tabWrap li.on:first-child {border-left:none;}
.tabWrap li.on:last-child {border-right:none;}
.tabWrap li.on + li {border-left:none;}
.tabWrap li.on a {color:white;} 
.tabWrap a {display:block; text-align:center; color:#616161; height:100%; font-size:16px; font-weight:400;}
.tabWrap a span {display:inline-block; margin-top:20px;}


.explainWrap {background:#059eda; color:white; font-size:20px; text-align:center; margin:0 auto; width:670px; padding:20px 0; border-radius:30px;}
.middledot {font-size:57px; display:inline-block; width:10px; height:18px; overflow:hidden; text-indent:-10px; color:#183873;}
.kindWrap {font-size:15px; color:#183873; font-weight:bold;}

.bannerBoardText {color:white; line-height:1.5; font-family:'Noto Sans KR'; font-size:21px; font-weight:400;}



/* ¸ÞÀÎÆäÀÌÁö ÀüÈ­»ó´ã ¿µ¿ª */
.mainfastCounselWrap {background:url('/images2/main_ban_03_bg.jpg') no-repeat center center; width:450px; height:282px;}
.mainfastCounselWrap .wrap {width:365px; margin:0 auto; padding-top:84px;}
.mainfastCounselWrap table {border-collapse:collapse; border-spacing:0; width:100%;}
.mainfastCounselWrap .titleWrap {width:93px;}
.mainfastCounselWrap .inputWrap input[type="text"] {box-sizing:border-box; border:white; width:99.1%; height:28px;}
.mainfastCounselWrap .inputWrap.tel::after {content:''; clear:both; display:block;}
.mainfastCounselWrap .inputWrap.tel > * {float:left;}
.mainfastCounselWrap .inputWrap.tel input[type="text"] {width:80px;}
.mainfastCounselWrap .inputWrap.tel .dash {width:15px; padding-top:2px; text-align:center; color:white; font-size:15px;}


/* ¼­ºêÆäÀÌÁö ÀüÈ­»ó´ã ¿µ¿ª */
.subfastCounselWrap {background:url('/images2/sub_bottom_ban_03_bg.jpg') no-repeat center center; width:347px; height:265px;}
.subfastCounselWrap .cWrap {width:300px; margin:0 auto; padding-top:85px;}
.subfastCounselWrap table {border-collapse:collapse; border-spacing:0; width:100%;}
.subfastCounselWrap .titleWrap {width:78px;}
.subfastCounselWrap .inputWrap input[type="text"] {box-sizing:border-box; border:white; width:99.1%; height:24px;}
.subfastCounselWrap .inputWrap.tel::after {content:''; clear:both; display:block;}
.subfastCounselWrap .inputWrap.tel > * {float:left;}
.subfastCounselWrap .inputWrap.tel input[type="text"] {width:66.1px;}
.subfastCounselWrap .inputWrap.tel .dash {width:15px; text-align:center; color:white; font-size:15px;}

.caseWrap {background:#173a74; padding: 1.2em 0;; text-align:center;}
.caseWrap span {font-size:20px; font-weight:bold; color:white;}




/* ¼­ºêÆäÀÌÁö ÀÚ°¡Áø´Ü ¿µ¿ª */
.diagnosisWrap {width:930px; margin:0 auto; padding-bottom:100px;}
.diagnosisWrap .scontentWrap {margin-top:20px;}
.diagnosisWrap .scontentWrap > form > ul > li + li {padding-top:20px; border-top:1px solid gray; margin-top:20px;}
.diagnosisWrap .scontentWrap .answerWrap {margin-top:20px;}
.diagnosisWrap .scontentWrap .answerWrap ul::after {content:''; clear:both; display:block;}
.diagnosisWrap .scontentWrap .answerWrap li {width:33.3333%; float:left; font-size:15px; padding-top:10px;}
.diagnosisWrap .scontentWrap .answerWrap li .point {font-weight:bold;}
.diagnosisWrap .scontentWrap .answerWrap.half li {width:50%; float:left;}
.diagnosisWrap .scontentWrap .answerWrap input[type="radio"] {position:relative; top:-1px; margin-right:5px; padding:0px; width:19px; height:19px; outline:none; -webkit-appearance:none; background:url('/images2/sub_06_04_radio.jpg') no-repeat 0 0 / 19px 19px; border:none; border-radius:0; vertical-align:middle;}
.diagnosisWrap .scontentWrap .answerWrap input[type="radio"]:checked {position:relative; top:-1px; margin-right:5px; padding:0px; width:19px; height:19px; outline:none; -webkit-appearance:none; background:url('/images2/sub_06_04_radio_ov.jpg') no-repeat 0 0 / 19px 19px; border:none; border-radius:0; vertical-align:middle;}
.diagnosisWrap .buttonWrap {text-align:center;}
.diagnosisWrap .buttonWrap .sWrap {display:inline-block;}
.diagnosisWrap .buttonWrap .sWrap::after {content:''; clear:both; display:block;}
.diagnosisWrap .buttonWrap {margin-top:50px;}
.diagnosisWrap .buttonWrap .sWrap > div {float:left;}
.diagnosisWrap .buttonWrap .sWrap > div + div {margin-left:10px;}
.diagnosisWrap .buttonWrap .sWrap a {display:block;}
.diagnosisWrap .resultWrap {background:url('/images2/sub_06_04_01_img_02.jpg') no-repeat center center; height:640px;}
.diagnosisWrap .resultWrap.gender {background:url('/images2/sub_06_04_02_img_02.jpg') no-repeat center center; height:640px;}
.diagnosisWrap .resultWrap .hwrap {position:relative;}
.diagnosisWrap .resultWrap .titleWrap {padding-top:78px; text-align:center; color:white; font-size:22px;}
.diagnosisWrap .resultWrap .rcontentWrap {padding-top:70px; text-align:center; color:black; font-size:24px; font-weight:bold;} 
.diagnosisWrap .resultWrap .rcontentWrap .emphasis {color:#ff7200;} 
.diagnosisWrap .resultWrap .scoreWrap {padding-top:60px; text-align:center; font-size:22px; font-weight:bold; color:#ff7200;} 
.diagnosisWrap .resultWrap .scoreWrap .numberWrap {font-size:80px;}


/* ¼­ºêÆäÀÌÁö ±â¼ö ¿µ¿ª */
.stageWrap {text-align:center; color:white; background:#059eda; padding:0.6em 0; font-size:18px; font-weight:bold; display:inline-block; border-radius:20px; width:170px;}


/* ¼­ºêÆäÀÌÁö ³²¼º°»³â±â > ÀÚ°¡Áø´Ü ÆäÀÌÁö */
.diagnosisWrap03 {width:795px; margin-left:60px; padding-bottom:100px;}
.diagnosisWrap03 .questionWrap::after {content:''; display:block; clear:both;}
.diagnosisWrap03 .questionWrap > * {float:left;}
.diagnosisWrap03 .questionWrap h2 {font-weight:normal; font-size:16px;}
.diagnosisWrap03 .questionWrap .answerWrap {float:right;}
.diagnosisWrap03 .scontentWrap {margin-top:20px;}
.diagnosisWrap03 .scontentWrap > ul > li {padding-top:12px; border-top:1px solid gray; margin-top:12px;}
.diagnosisWrap03 .scontentWrap .answerWrap ul::after {content:''; clear:both; display:block;}
.diagnosisWrap03 .scontentWrap .answerWrap li {width:75px; float:left; font-size:15px;}
.diagnosisWrap03 .scontentWrap .answerWrap li .point {font-weight:bold;}
.diagnosisWrap03 .scontentWrap .answerWrap input[type="radio"] {position:relative; top:-1px; margin-right:5px; padding:0px; width:19px; height:19px; outline:none; -webkit-appearance:none; background:url('/images2/sub_06_04_radio.jpg') no-repeat 0 0 / 19px 19px; border:none; border-radius:0; vertical-align:middle;}
.diagnosisWrap03 .scontentWrap .answerWrap input[type="radio"]:checked {background-image:url('/images2/sub_06_04_radio_ov.jpg');}




.qnaWrap {margin-top:50px;}
.qnaWrap li + li {margin-top:30px;}
.qnaWrap li .titleWrap {background:#173a74; padding:15px 0; text-align:center; display:block; color:white; font-size:20px;}
.qnaWrap li .contentWrap {width:calc(100% - 72px); border:1px solid #d7d7d7; border-top:none; padding:20px 35px 20px; background:#f8f8f8; color:#616161; font-size:16px; line-height:1.5;}
.qnaWrap li .contentWrap::after {content:''; clear:both; display:block;}
.qnaWrap li .contentWrap > div {float:left;}
.qnaWrap li .contentWrap .numberWrap {padding-top:5px;}
.qnaWrap li .contentWrap .explainsWrap {width:793px; padding-left:20px;}