@charset "utf-8";
.mask {background-color: rgba(0, 0, 0, .5);   width: 100%; height: 100%; top:0; position: fixed; top:0; left:0; z-index: -1;}

/* À±Å¿ø´ë¸®´Ô */

/********** MEMBER °ü·Ã **********/
/* assign_login / ·Î±×ÀÎ */
#login_try { width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #ccc; overflow: hidden; }
#login_try > div { width: 50%; float: left; padding: 35px; box-sizing: border-box;  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; height: 435px;}
#login_try .login_left { background: #f4f5f6; }
#login_try .login_left form > p { font-size: 21px; color:#333; line-height: 30px; padding: 25px 0; }
#login_try .login_left form .login_left_input { width: 100%; }
#login_try .login_left form .login_left_input input { width: 100%; height: 45px; padding: 5px 15px; box-sizing: border-box; background :#fff; border: 1px solid #ccc; margin-top: 15px; border-radius: 3px; }
#login_try .login_left form .login_left_input input:first-child { margin-top: 0; }


.login_ok_btn { display: block; font-size: 15px; color:#fff; background: #5fb8af; padding: 8px 0; width: 165px; border: 0; border-radius: 50px; margin-top: 30px; }
#login_try .login_left .assign_confirm_goBtn { display: block; margin-top: 60px; }
#login_try .login_left .assign_confirm_goBtn a { display: inline-block; position: relative; font-family: 'Noto Sans KR'; font-size: 14px; color:#777777; }
#login_try .login_left .assign_confirm_goBtn a:last-child { padding-left: 7px; margin-left: 5px; }
#login_try .login_left .assign_confirm_goBtn a:last-child:before { display: block; content:""; clear: both; width: 1px; height: 13px; background: #ccc; position: absolute; left: 0; top: 5px; }
#login_try .login_left .assign_confirm_goBtn a:hover { color:#5fb8af; }

#login_try .login_right > h6 { padding-left: 35px; background: url('../images/assign/login_faq_titleBg.png') left center no-repeat; font-size: 18px; color:#333; font-weight: 500; margin: 25px 0 25px; }
#login_try .login_right dl.first { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ccc; }
#login_try .login_right dl dt { display: block; width: 100%; font-size: 16px; color:#333; margin-bottom: 8px; position: relative; padding-left: 33px; box-sizing: border-box; }
#login_try .login_right dl dt span.question { display: inline-block; width: 24px; height: 24px; font-size: 13px; line-height: 24px; color:#fff; text-align: center;  border-radius: 50%; background: #858585; margin-right: 10px; position: absolute; top:0; left: 0; }
#login_try .login_right dl dd { display: block; width: 100%; font-size: 15px; color:#777; position: relative; padding-left: 33px; box-sizing: border-box; }
#login_try .login_right dl dd span.answer { display: inline-block; width: 24px; height: 24px; font-size: 13px; line-height: 24px; color:#fff; text-align: center;  border-radius: 50%; background: #5fb8af; margin-right: 10px; position: absolute; top:0; left: 0; }
#login_try .login_right dl dd span.sub_ment { display: block; font-size: 14px; color:#999; margin-top: 4px; }
#login_try .login_right dl dd a { display: inline-block; font-family: 'Noto Sans KR'; font-size: 15px; font-weight: 500; color:#005bb6; }
#login_try .login_right .help_number { margin-top: 60px; font-size: 15px; color:#777; line-height: 21px;}
#login_try .login_right .help_number .center_number { display: block; font-size: 15px; color:#777; line-height: 21px; }

/* assign_loggin / ·Î±×ÀÎ , ºñ¹Ð¹øÈ£ Ʋ·ÈÀ»¶§ */
#login_try .login_left form .login_left_input .no_check_id_pass { display: block; font-size: 14px; color:#ff0000; margin-top: 15px; }
#login_try.no_login .login_ok_btn { margin-top: 20px; }
#login_try.no_login .login_left .assign_confirm_goBtn { margin-top: 25px; }



/* ȸ¿ø°¡ÀÔ */
#assign_confirm h3 { font-size: 21px; }
.assign_sroll_box { margin-top: 15px; }
.assign_sroll_box textarea { width: 100%; height: 250px; overflow-y: scroll; border: 1px solid #e4e4e4; font-family: 'Noto Sans KR'; font-size: 15px; padding: 20px; box-sizing: border-box; }
.assign_confirm_check { text-align: center; margin-top: 15px; }
.assign_confirm_check > span { font-size: 15px; color:#555; }
.ask_btn { text-align: center; margin-top: 45px; }
.ask_btn input { padding: 11px 47px; background: #5fb8af; border: 0; color: #fff; border-radius: 50px; line-height: 1.1em; margin: 0 3px; font-family: 'Noto Sans KR'; font-size: 15px; }
.ask_btn > a { display: inline-block; padding: 11px 47px; background: #858585; border: 0; color: #fff; border-radius: 50px; line-height: 1.1em; margin: 0 3px; font-family: 'Noto Sans KR'; font-size: 15px; }


/* ȸ¿øÁ¤º¸ÀÔ·Â & ȸ¿øÁ¤º¸¼öÁ¤ ¿Ï·á */
#assign_regist h3 { font-size: 21px; margin-bottom: 10px; }
#assign_regist .assign_regist_title > p { display: block; width: 100%; font-size: 14px; color:#777; text-align: right; margin-bottom: 5px; }
#assign_regist .assign_regist_title > p span { color:#ff0000; }

.member_table { width: 100%; border-top: 1px solid #000; }
.member_table input { border: 1px solid #ccc; }
.member_table tr th { width: 20%; background: #f4f5f6; padding: 15px; color:#333; font-weight: 500; border-bottom: 1px solid #ccc; font-size:16px; vertical-align: middle; }
.member_table tr th span { color:#ff0000; }
.member_table tr td { width: 80%; background: #fff; padding: 15px; color:#555; border-bottom: 1px solid #ccc; }
.member_table tr td input { height: 30px; padding: 5px; box-sizing: border-box; vertical-align: top; }
.member_table tr td input#address, .member_table tr td input#address2 { margin-top: 5px; }
.member_table tr td .sub_ment { font-size:14px; color:#777; }
.member_table tr td .id_check { vertical-align: top; }
.member_table tr td .post_btn { vertical-align: top; }
.member_table tr td .data { display: inline-block; font-size: 14px; color:#555; }

#assign_regist .ask_btn a:first-child { background:#5fb8af; }
.member_table tr td input[type="radio"], .member_table tr td input[type="checkbox"] { height: auto;vertical-align: middle;margin: 0 5px; }
.pass_data { display: block; font-size: 14px; color:#555; margin-top: 10px; }
.member_table tr td textarea { width: 100%; box-sizing: border-box; min-height: 200px; }


/* ȸ¿øÁ¤º¸¼öÁ¤ ¿Ï·á */
.person_ok .assign_regist_title p {  display: block;width: 100%;font-size: 14px;color: #777;text-align: right;margin-bottom: 5px; }
.person_ok .assign_regist_title span { color: #ff0000; }
.person_ok .person_ok_box { width: 100%; padding: 40px 25px; background: #f4f5f6; box-sizing: border-box;  margin-top: 10px; }
.person_ok .person_ok_box h6 { font-size: 18px; color:#333; text-align: center;  }
.person_ok .person_ok_box h6 b { color:#de2c2c; }
.person_ok .person_ok_box p { text-align: center; margin-top: 20px; word-break: keep-all; }
.person_ok .ask_btn > a { background: #5fb8af; }


/********** ¹Ìµð¾î Äõ¸® **********/
@media screen and (max-width:1110px){
/* ·Î±×ÀÎ */
	#login_try > div { padding: 25px; }
}

@media screen and (max-width:1024px){

/* ·Î±×ÀÎ */
	#login_try > div { height: 405px; }
	#login_try .login_left form > p { font-size: 18px; line-height: 26px; padding: 10px 0 20px;}
	.login_ok_btn { font-size: 13px; width: 145px; font-weight: 500; }

	#login_try .login_right > h6 { margin: 10px 0 20px; }
	#login_try .login_right dl.first { margin-bottom: 20px; padding-bottom: 20px; }
	#login_try .login_right dl dt { font-size: 15px; }
	#login_try .login_right dl dd { font-size: 14px; }
	#login_try .login_right dl dd a { font-size: 14px; }
	#login_try .login_right .help_number { font-size: 14px; margin-top: 40px; }
	#login_try .login_right .help_number .center_number { font-size: 14px; }
	#login_try .login_right dl dd span.sub_ment { font-size: 13px; }

/* ȸ¿ø°¡ÀÔ */
	#assign_confirm h3 { font-size: 18px; }
	.assign_sroll_box textarea { font-size: 13px; }
	.assign_confirm_check { font-size: 14px; }
	.ask_btn { margin-top: 30px; }
	.ask_btn input, .ask_btn > a { padding: 11px 25px; font-size: 14px; margin: 0 2px; }
	.assign_confirm_check > span { font-size: 14px;  }

/* ȸ¿øÁ¤º¸ÀÔ·Â & ȸ¿øÁ¤º¸¼öÁ¤ */
	.member_table tr th { font-size: 14px; }
	.member_table tr td .sub_ment { display: block; font-size: 13px; }
	.member_table tr td { font-size: 13px; line-height: 30px; }
	.member_table tr td .data { font-size: 13px; }

/* ȸ¿øÁ¤º¸¼öÁ¤ ¿Ï·á */
.person_ok .person_ok_box h6 { font-size: 15px; color:#333; text-align: center;  }
.person_ok .person_ok_box p { font-size: 14px; }
}

@media screen and (max-width:910px){

/* ·Î±×ÀÎ */
	#login_try > div { width: 100%; height: auto; }
	.login_ok_btn { margin: 25px auto 0; }
	#login_try .login_left form > p { text-align: center; }
	#login_try .login_left form .login_left_input { max-width: 480px; margin: 0 auto; }
	#login_try .login_left .assign_confirm_goBtn { text-align: center; margin-top: 20px; }
}


@media screen and (max-width: 700px){

/* ȸ¿øÁ¤º¸ ÀÔ·Â */
	.member_table tr th { width: 30%; }
	.member_table tr td { width: 70%; }


}


@media screen and (max-width: 540px){

/* ȸ¿øÁ¤º¸ ÀÔ·Â */
	.member_table tr th { padding: 8px 5px; }
	.member_table tr td .regist_hundred { width: 100%; }
	.member_table tr td .regist_eighty { width: 62%; }
	span.data { display: block; margin-top: 5px; }
}


@media screen and (max-width: 500px){

/* ȸ¿ø°¡ÀÔ */
.assign_confirm_check > span { display: block; margin-bottom: 5px; }

}

@media screen and (max-width: 380px){

/* ȸ¿øÁ¤º¸ ÀÔ·Â */
	.member_table tr td .forms2 { width: 80%; margin-bottom: 5px; }
	.member_table tr td .forms2:last-child { margin-bottom: 0; }

}


/* ÀÌÁÖÇö_190215

»ç¾÷¸ñÀû ¹× ¿¬Çõ8*/
h4 span {
    color: #2E97B7;
	display: none;
}
.intro2_01 {
    margin-bottom: 40px;
}
.intro2_01 p {
    text-align: center;
    font-size: 23px;
}
.intro2_01 p span.txt_green_L {
    display: inline-block;
    color: #91c532;
    font-size: 30px;
    font-weight: 500;
	position: relative;
}
.intro2_01 p span.txt_green_L:after {
    display: block;
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/intro/intro2_bg02.png) 0 0 no-repeat;
    position: absolute;
    top: -20px;
    left: -60px;
    z-index: -1;
}
.intro2_01 p span.txt_blue_L {
    display: inline-block;
    color: #3f76bb;
    font-size: 30px;
    font-weight: 500;
	position: relative;
}
.intro2_01 p span.txt_blue_L:after {
    display: block;
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/intro/intro2_bg03.png) 0 0 no-repeat;
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: -1;
}
.intro2_02 {
    text-align: center;
    margin: 10px;
}
.intro2_03 {
    margin: 10px;
    background-color: #f6f7f8;
    padding: 20px 100px;
}
.intro2_01 p {
    padding: 40px;
    border: 6px solid #fff;
    border-image: url('../images/intro/cont_bg.png') 5 round;
}
.intro2_02.img_pc {display:block;}
.intro2_02.img_mobile01 {display:none;}
.intro2_02.img_mobile02 {display:none;}

@media screen and (max-width: 1024px){
/* »ç¾÷¸ñÀû ¹× ¿¬Çõ */
	.intro2_03 ul, .intro2_03 li {font-size: 14px;}
}
@media screen and (max-width: 980px){
/* »ç¾÷¸ñÀû ¹× ¿¬Çõ */
	.intro2_02 img {width: 100%;}
	.intro2_03 {padding: 20px;}
}
@media screen and (max-width: 800px){
/* »ç¾÷¸ñÀû ¹× ¿¬Çõ */
.intro2_02.img_pc {display:none;}
.intro2_02.img_mobile01 {display:block;}
.intro2_02.img_mobile02 {display:none;}
}
@media screen and (max-width: 560px){
/* »ç¾÷¸ñÀû ¹× ¿¬Çõ */
	.intro2_01 p { font-size: 18px;}
	.intro2_01 p span.txt_green_L {font-size: 25px;}
	.intro2_01 p span.txt_blue_L {font-size: 25px;}
	.intro2_01 p span.txt_green_L:after{background-size: 60%; left: -30px;}
	.intro2_01 p span.txt_blue_L:after{background-size: 70%;}
}
@media screen and (max-width: 480px){
/* »ç¾÷¸ñÀû ¹× ¿¬Çõ */
.intro2_02.img_pc {display:none;}
.intro2_02.img_mobile01 {display:none;}
.intro2_02.img_mobile02 {display:block;}
} */


/* ÀÌÁÖÇö_190219 */

/* Á¤½Å°Ç°­Á¤º¸ */
/* .list_init {
    margin: 0;
    padding: 0;
}
p.explain {
    margin: 15px 0;
    font-size: 17px;
}
.concept {
    box-sizing: border-box;
    border: dashed 1px #3f76bb;
    padding: 20px;
    display: inline-block;
}
.concept .icon_box {
    width: 15%;
    float: left;
	text-align: center;
	margin-right: 3%;
}
.concept .list_init {
	float: left;
    width: 82%;
}
.concept .list_init li {
    line-height: 1.6;
    padding-bottom: 10px;
	list-style: circle;
}
.cause {
    border-bottom: dotted 1px #ccc;
    padding-bottom: 15px;
}
.cause .icon_box {
    width: 15%;
    text-align: center;
    float: left;
    margin-right: 20px;
}
ul.cause_list {
    height: 120px;
    color: #2e98b7;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}
ul.cause_list li {
    list-style: circle;
}
table.symptom {
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    box-sizing: border-box;
	border-bottom: solid 1px #ddd;
}
table.symptom li {
    list-style: circle;
    padding-bottom: 5px;
}
table.symptom li b {
    font-weight: 500;
    padding-right: 5px;
}
table.symptom_h th {
    background-color: #eef5f8;
    color: #2e98b7;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
table.symptom_h td {
    padding: 20px 20px 20px 40px;
    border-top: solid 1px #ddd;
}
table.symptom_v th {
    background-color: #eef5f8;
    color: #2e98b7;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding: 20px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}
table.symptom_v th:first-child {
    border-left: none;
}
table.symptom_v td {
    padding: 20px 20px 20px 40px;
    border-left: solid 1px #ddd;
}
table.symptom_v td:first-child {
    border-left: none;
}
.cure_box {
    display: inline-block;
}
.cure {
    background: url('../images/mind/bg_01.png') 0 0 no-repeat #f3f4f5;
    box-sizing: border-box;
    padding: 30px;
    display: inline-block;
    margin-bottom: 10px;
}
.cure .icon_box {
	width: 20%;
    text-align: center;
	margin-right: 2%;
	float: left;
}
.cure .icon_box img {
    width: 90%;
    max-width: 200px;
}
.cure h5 {
    font-size: 18px;
    font-weight: 500;
    width: 78%;
    margin: 20px 0 10px;
    float: left;
}
.cure p {
	width: 78%;
    height: 50px;
	float: left;
}
span.source {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    text-align: right;
}
span.source a.link {
    font-size: 15px;
    color: #3f76bb;
}
span.source a.link:hover {
    font-size: 15px;
    color: #2e98be;
}

¾Æµ¿Ã»¼Ò³â Á¤½Å°Ç°­¹®Á¦ tab
.tab_mind_wrap .tab {
    list-style: none;
    width: 100%;
	border: none;
}
.tab_mind_wrap .tab ul {
    width: 100%;
    text-align: center;
}
.tab_mind_wrap .tab ul li.current {
    position: relative;
}
.tab_mind_wrap .tab li {
    cursor: pointer;
	float: none;
    display: inline-block;
    font-size: 17px;
    color: #333;
    padding: 15px;
    margin-right: 10px;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
.tab_mind_wrap .tab ul li.current::before {
    content: none;
}
.tab_mind_wrap .tab ul li.current {
    position: relative;
    border: solid 1px #3f76bb;
    color: #3f76bb;
    font-weight: 400;
}  



/*2019-02-22 ¸Þ´º µå·Ó´Ù¿î ¹× ¹ÝÀÀÇü*/

#nav {width: 75%; position: absolute; right:0; top:0; }
#nav:after{content:''; display:block; clear:both;}
.main {width: 100%;   padding: 0px;  display: inline-block;}
.main > li {position: relative;   height: 75px; display: inline-block;width: 13.3%; margin-left: 3%;}
.main > li > a {display:block;text-align:center; line-height: 75px; font-size: 17px; font-family:'NanumSquareRound';}
.main > li a:hover {background-color: #009688; color: #fff;}
 
.sub {display:none; position: absolute; top: 75px; left:0; z-index:1; width: 100%; background-color: #eee; opacity:0.8;}
#nav ul li { padding: 0px; }
#mobile {display:none;}

@media all and (max-width: 1024px) {
	.nav_wrap {display:none;}
	#nav#full {
		display:none
	}
 
	nav#mobile {
		background-color:#111;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:block;
	}
 
	/*
	Top black bar that holds the toggle button
	*/
 
	nav#mobile #toggle-bar {
		line-height:70px;
		height:70px;
	}
 
	/*
	Toggle button #1 ("Menu")
	*/
 
	nav#mobile strong a {
		margin-left:30px;
		border:1px solid #444;
		padding:10px;
	}
 
	/*
	Toggle button #2 ("Navicon")
	*/
 
	nav#mobile .navicon {
		float: right;
		height: 6px;
		width: 34px;
		margin: 20px;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size:0;
	}
 
	/*
	The dropdown menu
	*/
 
	nav#mobile ul li {
		clear:both;
		list-style:none;
	}
 
	nav#mobile ul li a {
		display:block;
		background-color:#300;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		padding:6px 0 6px 8px;
	}
 
	nav#mobile ul ul {
		font-size:small;
	}
 
	nav#mobile ul ul li {
		margin-left:30px;
	}
 
	nav#mobile ul ul a {
		background-color:#333;
		padding-left:8px;
	}
 
	nav#mobile ul ul a:before {
		content: "2192";
		padding-right:8px;
	}
}