@import url("notosanskr.css");

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

td {font-size:12px; color: #434843; line-height: 20px} 
a:link {color:#434843; font-size:12px; text-decoration:none} 
a:visited {color:#434843; font-size:12px; text-decoration:none} 
a:active {color:#434843; font-size:12px;} 
a:hover {color:#434843; text-decoration:none} 
a:focus {color:#434843; text-decoration:none;}

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



body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-size:12px;}
body img, a img {border:0;}

*{-webkit-text-size-adjust:none}

ul, li {list-style:none;}


input {margin:0px; padding:0px;  -webkit-box-sizing:border-box; border:none;}

input[type="button"] {padding:0px; margin:0px; -webkit-appearance:none; height:40px; border:1px solid #EAEAEA; background:#DFDFDC;}
input[type="text"] {height:40px; padding-left:3px; border:1px solid #DFDFDC; -webkit-appearance:none;}
input[type="password"] {height:40px; padding-left:3px; border:1px solid #DFDFDC; -webkit-appearance:none;}
input[type="checkbox"] {vertical-align:middle; border:1px solid #DFDFDC;}
input[type="submit"] {padding:0px; margin:0px; -webkit-appearance:none; height:40px; border:1px solid #EAEAEA; background:#DFDFDC; }

select {height:40px; border:none; margin:0px; padding:0px; border:1px solid #EAEAEA;}

textarea {background:#ffffff; height:30px; margin:0px; padding:1px; resize:none; -webkit-appearance:none; border:1px solid #EAEAEA; box-sizing:border-box;}


#wrap {position:relative; width:100%;}

#header {position:relative; top:0; left:0; padding:10px 0; width:100%; text-align:center; height:70px; background:#fff}
#header h1 {width:220px; margin:0 auto; padding-top:15px;}
#header h1 img {width:220px;}
#header a.call {position:absolute; top:11px; left:auto; left:0; display:block; width:65px; height:65px; background:url('/m/images2/m_top_01.jpg') transparent center center no-repeat; background-size:50%; text-indent:-9999px}
#header a.menu {position:absolute; top:11px; right:0; display:block; width:65px; height:65px; background:url('/m/images2/m_top_02.jpg') no-repeat; background-size:100%; text-indent:-9999px}

/*#############################
## »ç¿ë¾ÈÇҽà »èÁ¦
###############################*/
#header a.viewMenu_old {position:absolute; top:0px; left:40px; display:block; width:60px; height:50px; background:url('/m/images2/m_top_03.jpg') transparent center center no-repeat; background-size:100%; text-indent:-9999px;}



/*###############################
## siteMap old Ver.
#################################*/
#siteMap {width:100%; position:relative; z-index:10000; display:none;}
.siteMapWrap {width:100%; position:absolute;}


.siteMapHeader {display:block; height:45px;}
.siteMapHeader ul.topMenu	{float:left; margin:0px;border-bottom:1px solid #aaa; background:#464F56; width:100%;}
.siteMapHeader ul	{float:left;margin:0px 0 3px; padding:0px;}
.siteMapHeader ul li.title	{display:inline-block; height:35px; letter-spacing:-1; font-size:20px; margin:12px 0 0 8px; float:left; color:#ffffff; font-weight:bold;}
.siteMapHeader ul li.closeBtn	{display:inline-block; height:35px; margin:8px 5px 0; float:right; text-align:right}

.menuContent {background-color:#f4f4f4; font-color:#000000;}

#siteMap .subMenuTitle {padding:10px 0 3px 5px; font-size:15px; font-weight:600;}

#siteMap .subMenu ul {margin:0px; padding:0px; border-bottom:1px solid #bababc;}
#siteMap .subMenu ul li {display:inline-block; float:left; width:135px; height:16px; text-align:left; margin:3px 0px 5px 13px; background:; }
#siteMap .subMenu ul li a {font-size:13px;}



#mask {display:none; position:absolute; left:0px; top:0px; z-index:90; width:100%; background-color:#000000; opacity:0.6;}


#mainContents {width:100%; height:150px; background:; text-align:center; line-height:150px;}



/*##################################################
###### subPage dropDown Navi ###################
####################################################*/
#naviWrap {background:#2E2B26;  padding:10px 15px 10px 15px;}
#titleWrap {width:100%; position:relative; margin:0 auto; height:30px; text-align:center; padding-top:17px;}
#titleWrap .title {height:20px; }
#titleWrap .btnBack img {position:absolute; left:0px; top:15px; height:22px;}



#contentWrap {width:100%;}
#contentWrap .contentArea {width:100%;}
#contentWrap .contentArea img {width:100%;}

#contentWrap .boardArea {width:100%;}






/*#############################
###### Board ###################
###############################*/
#contentWrap .boardArea .categoryWrap { margin:0 auto; padding:10px 15px;}


.boardList em {font-size:11px; font-style:normal; padding-left:4px;}
.boardList_counsel em {font-size:11px; font-style:normal; padding-left:4px;}


.boardArea .boardList {}
.boardArea .boardList td {border-bottom:1px solid #EAEAEA;}
.boardArea .boardList td .noti {font-weight:600; padding-right:5px;}


.boardArea .boardList a {display:block; padding:10px 15px;}
.boardArea .boardList a span {font-size:14px; line-height:20px; display:block;}
.boardArea .boardList a span.noti {display:inline-block;}
.boardArea .boardList a span.info {font-size:11px; display:block;}

.boardArea .boardList a span.thumb {float:left; width:20%; margin-right:15px;}
.boardArea .boardList a span.thumb_gall {padding-bottom:10px;}


.boardArea .boardList td.empty {text-align:center; height:50px;}


.boardArea .boardList_counsel { padding:0 15px; }
.boardArea .boardList_counsel .categoryWrap { margin:0 auto; padding-bottom:20px; }
.boardArea .boardList_counsel > table { width:100%; }
.boardArea .boardList_counsel td { border-bottom:1px solid #EAEAEA;}
.boardArea .boardList_counsel td .noti {font-weight:600; padding-right:5px;}


.boardArea .boardList_counsel a {display:block; padding:10px 15px; position:relative; color:black; }
.boardArea .boardList_counsel a span {font-size:14px; line-height:20px; display:block;}
.boardArea .boardList_counsel a span.noti {display:inline-block;}
.boardArea .boardList_counsel a span.subject {}
.boardArea .boardList_counsel a span.info {font-size:11px; display:block;}
.boardArea .boardList_counsel a span.replayStatus {position:absolute; top:40%; right:15px;}

.boardArea .boardList_counsel td.empty {text-align:center; height:50px;}
.boardView .title {background:#EAEAEA; font-size:15px; padding:8px 15px}
.boardView .subject {display:block; line-height:20px; font-size:16px; font-weight:600}
.boardView .title .info {display:block; padding:5px 0 0 0; font-size:11px;}
.boardView .contents {padding:10px 5px; border-bottom:1px solid #dddddd; margin:0 auto;}
.boardView .contents img {width:100%;}


/*#######################################
##### counsel Reply ####################
########################################
*/
.boardView_counsel .title {background:#EAEAEA; font-size:15px; padding:8px 15px;}
.boardView_counsel .subject {display:block; line-height:20px; font-size:18px; font-weight:600;}

.boardView_counsel .title .info {display:block; padding:5px 0 0 0; font-size:11px;}

.boardView_counsel .contents {padding:10px 15px 10px 15px; border-bottom:1px solid #EAEAEA;}
.boardView_counsel .contents img {width:100%;}

.boardView_counsel .contents_reply .replyTitle {background:#494949; height:30px; color:#ffffff; text-align:center; padding-top:15px; font-weight:600; font-size:14px;}
.boardView_counsel .contents_reply .reply {padding:0 15px 10px 15px; border-bottom:1px solid #EAEAEA;}


/*#######################################
##### view btn ####################
########################################
*/
.boardArea .btnArea {padding-top:10px; padding-right:15px; text-align:right;}
.boardArea .btnArea img {height:30px;}



.writeWrap {border-bottom:1px solid #EAEAEA;}
#writeTB {width:100%; border-spacing:15px 10px;}
#writeTB td:first-child {width:18%;}

#writeTB .policy {border-bottom:1px solid #EAEAEA;}


.btnView {padding:10px 15px 0 0; text-align:right;}
.btnView img {--height:30px;}

.btnConfirm {padding-top:20px; text-align:center;}
.btnConfirm img {height:30px;}

/*#######################################
##### secret ####################
########################################
*/

#deleteTB {width:100%; }
#deleteTB td {padding:10px; border-bottom:1px solid #EAEAEA;}
#deleteTB td:first-child {width:22%;}
#deleteTB td:last-child {padding-left:5px; font-weight:600;}

#deleteBtn {padding-top:10px;}


#secretTB {width:100%; }
#secretTB td {padding:10px; border-bottom:1px solid #EAEAEA;}


#secretBtn {padding-top:10px;}


/*#######################################
##### comment ####################
########################################
*/
.commentWrap {padding:0 15px 0 15px;}


/*#############################
###### reservation ###################
###############################*/
#reserveTB {width:100%; border-spacing:15px 10px}


/*#############################
###### member ###################
###############################*/

#memberWrap {width:100%; background:#ffffff; margin-top:3%;}
#memberWrap img {width:100%;}

#loginWrap {padding:0 15px 0 15px;}
#loginWrap .login {width:100%;}
#loginWrap .loginBtn {width:100%; padding:10px 0;}
#loginWrap .infoBtn {width:100%; padding-top:10px; border-top:1px solid #EAEAEA;}
/*#loginWrap .infoBtn a {float:left; width:49%; padding-right:5px;}
#loginWrap .infoBtn a:last-child {padding-right:0px;}*/

#loginTB {border-spacing:0 10px; margin:0 auto;}
#loginTB td {color:#000000;}



#agreeWrap {width:100%; background:;}
#agreeWrap textarea {resize:none;}
/*#agreeWrap div {width:90%; /*background:#ffffff;*/ margin:0 auto;}*/
#agreeWrap label {font-size:13px; color:#000000;}

#agreeWrap .aou, .privacy {padding:0 15px 0 15px;}
#agreeWrap .btnAgree {padding:20px 15px 0 15px;}



#joinWrap {padding:0 15px;}
#joinTB {border-spacing:0 10px; margin:0 auto;}
#joinTB td {color:#000000;}

#joinTB .chk {color:#FF0000; margin-right:1px;}


#lostWrap {padding:0 15px 0 15px;}
#lostWrap .lost {width:100%;}
#lostWrap .lostBtn {width:100%; height:50px;}
/*
#lostWrap .infoBtn {width:90%; margin:0 auto; padding:10px 0 0 0;}
#lostWrap .infoBtn a {float:left; width:49%; padding-right:5px;}
#lostWrap .infoBtn a:last-child {padding-right:0px;}
*/

#lostWrap .lostTxt {padding:0 0 15px 0;}

#lostTB {border-spacing:0 10px; margin:0 auto;}
#lostTB td {color:#000000;}


/*#############################
###### Search###################
###############################*/

.writeBtn {padding:10px 15px 0 0; text-align:right;}
.searchWrap {margin:0px; padding:20px 0 0 0; text-align:center;}
.searchWrap select, input[type="text"] {vertical-align:top;}

/*#############################
###### Paging ###################
###############################*/
.paging {text-align:center; padding-top:10px; font-size:12px;}
.paging img {vertical-align:middle;}
.paging .click_text {height:22px; margin:0px; padding:0px 4px 0px 4px; color:#00000; font-weight:bold; vertical-align:middle;}
.paging .board_text {height:22px; color:#505050; text-decoration:none; border:1px solid #CCC; margin:0px 4px 0px 4px; padding:2px 6px 2px 6px; vertical-align:middle;}


#footer {position:relative; width:100%; padding-top:20px;}
#footer img {width:100%; display:block;}

#footer .infoWrap {width:100%; left:0px; bottom:0px; background:;}

#footer .infoMember {position:absolute; width:100%; bottom:25px;}
#footer .infoMember ul {width:100%; margin:0px; padding:0px;}
#footer .infoMember ul li {float:left; padding:0 7px 0 10px;}

.footer {position:relative;}
.footer .footerLinkWrap > a {position:absolute; display:block; text-indent:-9999px; overflow:hidden;}
.footer .footerLinkWrap .policy {top:9%; left:33%; width:19%; height:4.8%;}
.footer .footerLinkWrap .agreement {top:9%; left:57%; width:10%; height:4.8%;}
.footer .footerLinkWrap .logo {top:27.3%; left:27%; width:46.5%; height:16.4%;}



/*#############################
###### policy ###################
###############################*/
#footerAgree {padding:15px 15px;}
#footerAgree img {width:100%;}
#footerAgree .agree {padding:10px; border:10px solid #E4E4E4;}

#footerPolicy {padding:15px 15px;}
#footerPolicy img {width:100%;}
#footerPolicy .policy {padding:10px; border:10px solid #E4E4E4;}



#clear {content:""; display:block; clear:both;}
#Clear {content:""; display:block; clear:both;}


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


.topBanner img {width:100%;}

.main_banner img {width:100%;}

.major_banner {padding-bottom:8%;}
.major_banner .titleWrap {width:52.0312%; margin:0 auto; padding:10% 0 5%;}
.major_banner .titleWrap img {width:100%;}
.major_banner .listWrap {width:93.75%; margin:0 auto;}
.major_banner .listWrap ul {margin:0; padding:0;}
.major_banner .listWrap ul::after {content:''; clear:both; display:block;}
.major_banner .listWrap li {float:left; width:32%; margin-left:2%; margin-bottom:2%;}
.major_banner .listWrap li:nth-child(3n+1) {margin-left:0;} 
.major_banner .listWrap a {display:block;}
.major_banner .listWrap img {width:100%;}

.main_feature .titleWrap {width:50.7813%; margin:0 auto; padding:10% 0 5%;}
.main_feature .titleWrap img {width:100%;}
.main_feature .contentWrap img {width:100%;} 

.main_call {width:93.75%; margin:0 auto;}
.main_call a {display:block;}
.main_call img {width:100%;}
.main_date {width:93.75%; margin:0 auto;}
.main_date a {display:block;}
.main_date img {width:100%;}

.main_info {width:93.75%; margin:8% auto 0;}
.main_info ul {margin:0; padding:0;}
.main_info ul::after {content:''; clear:both; display:block;}
.main_info li {float:left; width:25%;}
.main_info a {display:block;}
.main_info img {width:100%;}

.main_cooper {width:93.75%; margin:0 auto;}
.main_cooper img {width:100%;}

.footer img {width:100%;}





/*##############################
## subPage Navi
###############################*/
.naviWrap .titleWrap > img {width:100%;}
.naviWrap .topMenuWrap ul {margin:0; padding:0;}
.naviWrap .topMenuWrap ul::after {content:''; clear:both; display:block;}
.naviWrap .topMenuWrap li {float:left; width:33.3333%;}
.naviWrap .topMenuWrap.div4 li {float:left; width:25%;}
.naviWrap .topMenuWrap a {display:block;}
.naviWrap .topMenuWrap img {width:100%;}
.naviWrap .subMenuWrap {width:93.75%; margin:0 auto; padding-top:3.8%;}
.naviWrap .subMenuWrap ul {margin:0; padding:0;}
.naviWrap .subMenuWrap ul::after {content:''; clear:both; display:block;}
.naviWrap .subMenuWrap li {float:left; width:50%;}
.naviWrap .subMenuWrap.div3 li {float:left; width:33.3333%;}
.naviWrap .subMenuWrap.div4 li {float:left; width:25%;}
.naviWrap .subMenuWrap a {display:block;}
.naviWrap .subMenuWrap img {width:100%;}



/*##############################
## quick
##############################*/
.quickWrap {position:relative; text-align:center; z-index:9999;}
.quickWrap .quickArea {position:absolute; right:15px; top:420px;}
.quickWrap p {padding:1px 0;}
.quickWrap img {height:52px;}
.quickWrap .top img {height:52px !important;}

.subBanner img {width:100%;}




/*##############################
## sub
##############################*/
.subWrap {width:93.75%; margin:6% auto 0;}
.subWrap img {width:100%;}
.subWrap .titleWrap {font-size:24px; color:#069edb; font-weight:bolder; width:85%; word-break:keep-all;}
/* .subWrap .titleWrap::before {border-top:1px solid #069edb; } */
.subWrap .stitleWrap {font-size:16px; color:black; font-weight:bolder; margin-top:3%; width:85%; word-break:keep-all;}


.subWrap .stitleWrap {font-size:16px; color:black; font-weight:bolder; margin-top:3%; width:85%; word-break:keep-all;}


.subWrap .subBar {border:1px solid #069edb; width:5.2%; margin-bottom:1.5%;}
.subWrap .explainWrap {font-size:15px; margin-top:4%;}
.subWrap .explainWrap .explainListWrap + .explainListWrap {margin-top:3%; border-top:1px solid #d6d6d6; padding-top:3%;}
.subWrap .explainWrap .explainListWrap::after {content:''; display:block; clear:both;}
.subWrap .explainWrap .explainListWrap > div {float:left;}
.subWrap .explainWrap .explainListWrap .numberWrap {width:5%;}
.subWrap .explainWrap .explainListWrap .contentsWrap {width:93%; margin-left:2%;}
.subWrap .explainWrap .explainListWrap .contentsWrap .titlessWrap {font-size:16px; color:black; word-break:keep-all; font-weight:bolder;}
.subWrap .explainWrap .explainListWrap .contentsWrap .contentssWrap {margin-top:2%; font-size:15px; color:#626262; word-break:keep-all;}

.subWrap .explainWrap .contentssWrap {font-size:15px; color:#626262; word-break:keep-all; line-height:1.5;}
.subWrap .explainWrap .emphasize {font-weight:bolder; color:black; word-break:keep-all;}

.subWrap .explainWrap h3 {font-size:18px; margin-top:6%;}






/*##############################
## ³²¼º°»³â±â ÀÚ±âÁø´Ü ÆäÀÌÁö
##############################*/
.diagnosisWrap03 {width:90%; margin:0 auto; padding-bottom:6%;}
.diagnosisWrap03 .questionWrap::after {content:''; display:block; clear:both;}
.diagnosisWrap03 .questionWrap > * {float:left;}
.diagnosisWrap03 .questionWrap h2 {font-weight:normal; font-size:14px;}
.diagnosisWrap03 .questionWrap .answerWrap {float:right; padding:14px 0;}
.diagnosisWrap03 .scontentWrap {margin-top:5%;}
.diagnosisWrap03 .scontentWrap > ul > li {border-top:1px solid gray;}
.diagnosisWrap03 .scontentWrap ul {padding:0; margin:0;}
.diagnosisWrap03 .scontentWrap .answerWrap ul::after {content:''; clear:both; display:block;}
.diagnosisWrap03 .scontentWrap .answerWrap li {width:75px; float:left; font-size:13px;}
.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');}

.diagnosisWrap03 .explainWrap::after {content:''; clear:both; display:block;}
.diagnosisWrap03 .explainWrap .title {color:red; float:left;}
.diagnosisWrap03 .explainWrap .detail {float:left; width:calc(100% - 55px); padding-left:10px;}



/*##############################
## Á¶·çÆäÀÌÁö > ÀÚ±âÁø´Ü ÆäÀÌÁö
##############################*/
.diagnosisWrap {padding-bottom:8%;}
.diagnosisWrap > img {width:100%;}
.diagnosisWrap .scontentWrap {width:93.75%; margin:0 auto; margin-top:1%;}
.diagnosisWrap .scontentWrap ul {margin:0; padding:0;}
.diagnosisWrap .scontentWrap > form > ul > li + li {padding-top:3%; border-top:1px solid gray; margin-top:5%;}
.diagnosisWrap .scontentWrap .questionWrap h2 {margin:0;}
.diagnosisWrap .scontentWrap .answerWrap {margin-top:1%;}
.diagnosisWrap .scontentWrap .answerWrap ul::after {content:''; clear:both; display:block;}
.diagnosisWrap .scontentWrap .answerWrap li {font-size:15px; padding-top:10px;}
.diagnosisWrap .scontentWrap .answerWrap li .point {font-weight:bold;}
.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; margin-top:8%;}
.diagnosisWrap .buttonWrap .sWrap {width:70%; margin:0 auto;}
.diagnosisWrap .buttonWrap .sWrap.half {width:30%; margin:0 auto;}
.diagnosisWrap .buttonWrap .sWrap::after {content:''; clear:both; display:block;}
.diagnosisWrap .buttonWrap .sWrap > div {float:left; width:48%;}
.diagnosisWrap .buttonWrap .sWrap.half > div {float:left; width:100%;}
.diagnosisWrap .buttonWrap .sWrap > div + div {margin-left:4%;}
.diagnosisWrap .buttonWrap .sWrap a {display:block;}
.diagnosisWrap .buttonWrap .sWrap img {width:100%;}

.diagnosisWrap .resultWrap {position:relative; padding-top:4%;}
.diagnosisWrap .resultWrap > img {width:100%;}
.diagnosisWrap .resultWrap .explainWrap {position:absolute; top:18%; width:100%; font-size:20px; text-align:center; font-weight:bold;}
.diagnosisWrap .resultWrap .explainWrap span {color:#ff7200;}

.diagnosisWrap .resultWrap {position:relative; padding-top:4%;}
.diagnosisWrap .resultWrap > img {width:100%;}
.diagnosisWrap .resultWrap .numberWrap {position:absolute; top:30%; width:100%; font-size:40px; color:#ff7200; text-align:center; font-weight:bold;}
.diagnosisWrap .resultWrap .numberWrap span {font-size:20px;}