<style>
@charset "utf-8";

/*�ͽ��÷η� ���� ��Ÿ�� - explorer css*/

/*��Ʈ ���� Noto Sans KR*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
/*Nanum Gothic*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

*{margin: 0; padding: 0; }
body, html{ width: 100%; height: 100%;}
ul{ list-style: none; }
a{ text-decoration: none;}

//body { font-family: 'Noto Sans KR','����', dotum, arial;  font-weight: 500; letter-spacing:-0.4px; font-size:1em;   }

.font_noto { font-family: 'Noto Sans KR','����', dotum, arial;  font-weight: 500; letter-spacing:-0.4px; font-size:1em;   }
.font_nanumgothic { font-family: 'Nanumgothic','����', dotum, arial;  font-weight: 500; letter-spacing:-0.4px; font-size:1em;   }


/*���� ������ ���� ����*/
#pro_sub_contents { width:100%; background:#fff; } 
#pro_sub_contents #sub_wrap { width:740px; min-height:800px; background:#fff; margin:0 auto; font-family: 'Noto Sans KR','����', dotum, arial;  font-weight: 300; letter-spacing:0.1px; font-size:1em;}
#pro_sub_contents #sub_wrap #sub_left_tit { float:left; width:198px; height:145px; background:#af0314; padding:0 16px; }
#pro_sub_contents #sub_wrap #sub_left_tit .tit_kor { color:#fff; font-size:24px; margin-top:56px; font-weight:400; }
#pro_sub_contents #sub_wrap #sub_left_tit .tit_eng { color:#fff; font-size:18px; margin-top:7px; font-weight: 200; }

/*==========���������� ���� ����==========*/
#pro_sub_contents #sub_wrap #content_box { float:right; width:100%; background:#fff; } 
#pro_sub_contents #sub_wrap #content_box #head_tit { width:100%; //height:120px; background:#fff;  } 
#pro_sub_contents #sub_wrap #content_box #head_tit h1 { display:inline-block; font-size:30px; color:#323232; margin:55px 0 0 25px; }
#pro_sub_contents #sub_wrap #content_box #head_tit h1 span { display:inline-block; vertical-align:middle; font-family: 'Noto Sans KR','����', dotum, arial;  font-weight: 600; letter-spacing:0.1px; color:#464444; }
#pro_sub_contents #sub_wrap #content_box #head_tit h1 img { margin-right:5px; display:none; } /*���circle*/

/*���� ������ ��ġ �ؽ�Ʈ*/
#pro_sub_contents #sub_wrap #content_box .locate_txt { display:inline-block; float:right; margin:59px 25px 0 0; font-size:14px; color:#464444; }
#pro_sub_contents #sub_wrap #content_box .locate_txt span { display:inline-block; vertical-align:middle; margin: 0 4px; margin-top: -6px; }
#pro_sub_contents #sub_wrap #content_box .locate_txt a { -webkit-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; transition:all 0.15s ease-out; color:#464444; }
#pro_sub_contents #sub_wrap #content_box .locate_txt a:hover {  color:#af0314; }
#pro_sub_contents #sub_wrap #content_box .locate_txt a.home_bt { margin-bottom: 4px; display:inline-block; width:18px; height:16px; background-image:url(../images/sub/ico_locate_home.png); vertical-align:middle; }
#pro_sub_contents #sub_wrap #content_box .locate_txt a.home_bt:hover {background-position:0 -16px ; }
#pro_sub_contents #sub_wrap #content_box #head_tit .stripe_pattern { width:745px; height:10px; background-image:url(../images/sub/pattern_stripe_01.png); position:absolute; bottom:0; right:0; }
/*���������� ������ ���� ����*/

/* 개인정보보호정책*/
.scroll{ overflow: auto; width: 96%; height: 96px; border: 1px solid #beddea; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 15px;}
.text{ text-indent: 20px; line-height: 27px;}
.txt{ line-height: 27px;}
h3{ text-indent: 25px;}
.em_line{ border: 1px solid #dbdbdb;
    margin-left: 4px;
    height: 26px; }

/*ȸ������ ������ 1�ܰ�*/
#pro_sub_contents #sub_wrap #content_box #sub_contents_output #sub_content_top_wrap_wide .member_join_01 { width:100%; font-family: 'Noto Sans KR','����',dotum, arial; font-size:14px; font-weight:400; color:#6a6a6a; letter-spacing:0.2px; } 

.member_join_01 a { -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.member_join_01 .adultwrap { width:100%; margin-top:32px; } 
.member_join_01 .adultwrap .privacy { float:left; width:470px; min-height:350px; } 
.member_join_01 .adultwrap .mr_8 { margin-right:38px;}
.member_join_01 .adultwrap .privacy h2.sub_tit { color:#282828; font-size:18px; font-weight:600; background-image:url(../images/sub/sub_member_join_bullet_01.png); background-repeat:no-repeat; background-position:0 0; margin-left:12px; padding-left:10px;  }
.provbox {width:470px; height:300px; background:#fdfdfd;  margin-top:10px; border:1px solid #d4d4d4; overflow:auto; padding:10px; }
.provbox p { letter-spacing:0.2px; font-size:12px; line-height:18px; }
.provbox #pcontent p { margin: 0; padding: 0;}
.provbox #pcontent h2 { font-size: 14px;    line-height: 30px;    margin-top: 20px;    color: #252525; }
.provbox #pcontent .depth1 { font-size:12px;  margin-left: 15px; }
.provbox #pcontent h3 {    font-size: 12px;  margin-top: 10px; line-height:18px; } 
.provbox #pcontent ul li {   font-size:12px; margin-left: 20px;    text-indent: -5px; line-height:18px; }
.provbox #pcontent .depth2 { margin-left: 25px; }
.provbox #pcontent .font_16 { font-size:16px; font-weight:500; color:#000;  }
.provbox #pcontent .font_14 {  font-size:14px; font-weight:400; color:#000; margin:18px 0 5px 0;  } 
.agree_bt { color:#333; font-size:12px; font-weight:400; margin-top:10px; font-size:13px; }
.point_txt { color:#7ab300; border-bottom:1px dotted #7ab300; }
.final_btns {  }
.final_btns ul, .final_btns2 ul { overflow:hidden; margin:0 auto; width:250px; }
.final_btns ul li, .final_btns2 ul li { float:left; }
.final_btns a, .final_btns2 a { display:block; width:185px; height:40px; background:#fff; border:1px solid #d0d0d0; text-align:center; line-height:43px; margin-top:36px;  }
.final_btns a:hover, .final_btns2 a:hover { border:1px solid #2196f3; color:#2196f3; }
.final_btns .agree a { margin-left:40px; background:#0055c2; border: 1px solid #0055c2; color:#fff; font-weight: 600; font-size: 17px;}
.final_btns .agree a:hover { background:#2196f3; border: 1px solid #2196f3; }


/*ȸ������ ������ 2�ܰ�*/
#pro_sub_contents #sub_wrap #content_box #sub_contents_output #sub_content_top_wrap_wide .member_join_02 { width:100%; font-family: 'Noto Sans KR','����',dotum, arial; font-size:14px; font-weight:400; color:#6a6a6a; letter-spacing:0.2px; } 
.member_join_02 a { -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.member_join_02 table { width:100%; margin-top:31px; } /*background:red;*/
.member_join_02 table th { background:#f8f8f8; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:52px; line-height:48px; text-align: left; padding-left: 22px; } 
.member_join_02 table td { background:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding-left:10px;}
.member_join_02 table td input.tf { background:#fff; border:1px solid #dbdbdb; width:146px; height:28px; vertical-align:middle; padding-left:5px; } 
.member_join_02 table td input.tf2 { background:#fff; border:1px solid #dbdbdb; width:55px; height:28px; vertical-align:middle; padding-left:5px; }
.member_join_02 table td input.adress1 { background:#fff; border:1px solid #dbdbdb; width:40px; height:28px; vertical-align:middle; padding-left:5px; }
.member_join_02 table td input.adress2 { background:#fff; border:1px solid #dbdbdb; width:300px; height:28px; vertical-align:middle; padding-left:5px; }

.member_join_02 table button { color: #fff;  background: #7ab300; height: 32px; line-height: 31px; text-align:center; border:none; padding:0px 15px; font-weight:400; vertical-align: middle; margin-left:2px; } 
.member_join_02 table button:hover { background:#2196f3;  }
.member_join_02 table .hint { color:#7ab300;  }
.member_join_02 table select { width:62px; height:32px; vertical-align:middle; color:#6d6d6d; border:1px solid #dbdbdb;  } 
.member_join_02 table select:hover { border:1px solid #2196f3; color:#000; }
.rm9 {margin-right:9px;}
.rm10 {margin-right:10px;}
.lm9 {margin-left:9px;}
.lm10 {margin-left:10px;}

table button { font-family: 'Noto Sans KR','����',dotum, arial; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
.member_join_02 table .valign_md { display: inline; vertical-align: middle; color: #999;}

.member_join_02 .hint2 { color:#777; margin-left:10px;  }

/*ȸ������ ������ 3�ܰ� (�Ϸ�)*/
#pro_sub_contents #sub_wrap #content_box #sub_contents_output #sub_content_top_wrap_wide .member_join_03 {  width:100%; font-family: 'Noto Sans KR','����',dotum, arial; font-size:14px; font-weight:400; color:#6a6a6a; letter-spacing:0.2px; }
.member_join_03 a { -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
#join_finish { width:100%; height:394px; background:#fff; border-bottom:1px solid #eaeaea;  }
#join_finish .finish_ico { width:90px; height:90px; margin:28px auto 0; }
#join_finish .finish_txt1 {  width:266px; height:23px; margin:26px auto 0;  }
#join_finish .finish_line { width:40px; height:1px; margin:18px auto 0;  }
#join_finish .finish_txt2 { width:350px; height:35px; text-align:center; margin:35px auto 0; color:#999898; letter-spacing:0.2px; line-height: 17px; }
.final_btns2 ul { overflow:hidden; margin:0 auto; width:115px; }
.final_btns2 .home_bt a { background:#7ab300; border: 1px solid #7ab300; color:#fff; }
.final_btns2 .home_bt a:hover { background:#68c4e1; border: 1px solid #68c4e1;  }

.tabBtn1 { width:100%; margin-top: 16px; height:38px; background-image:url(../images/join_tab_01.png); background-repeat:no-repeat; background-position:0 100%; } 
.tabBtn2 { width:100%; margin-top: 16px; height:38px; background-image:url(../images/join_tab_02.png); background-repeat:no-repeat; background-position:0 100%; } 
.tabBtn3 { width:100%; margin-top: 16px; height:38px; background-image:url(../images/join_tab_03.png); background-repeat:no-repeat; background-position:0 100%; }



/*��ġ�� ���п���*/
#admission { width:100%; } /*background:#f00;*/
#admission table { background:#fff; border-spacing: 0; border-collapse: collapse; }

#admission table th, #admission table td { font-size:14px; }
#admission table th { border:1px solid #BDBDBD; text-align:center; vertical-align:middle; color:rgb 54 54 54; background:#f2f2f2; width: 150px; height: 50px;}
#admission table td { border:1px solid #BDBDBD; height:30px; line-height:30px; padding:5px; }

#admission table .subTitle { text-align:center; padding:4px 0; background:#0055c2; font-size:16px; font-weight:600; color:#fff;     border: 1px solid #0055c2; height: 40px; }
#admission table .semiTitle { text-align:center; vertical-align:middle; color:#4a4a4a; background:#fbfbfb; }
#admission table .txtCenter { text-align:center;  }
.percent20 { width:20%; }
#admission table .noBdr { border-bottom:1px solid #fff;}

.inputTxt { background: #fff; border: 1px solid #dbdbdb; width: 146px; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
.inputTxt:hover, .inputTxt2:hover, .inputTxt3:hover, .inputTxt4:hover, .inputTxt5:hover, .inputTxt6:hover, .inputTxt7:hover{ border: 1px solid #2196f3; }
.inputTxt2 { background: #fff; border: 1px solid #dbdbdb; width: 93px; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
.inputTxt3 { background: #fff; border: 1px solid #dbdbdb; width: 50%; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
.inputTxt4 { background: #fff; border: 1px solid #dbdbdb; width: 164px; height: 26px; vertical-align: middle; padding-left: 5px; position:absolute; top: 28px; left: 13px; } 
.inputTxt5 { background: #fff; border: 1px solid #dbdbdb; width: 164px; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
.inputTxt6 { background: #fff; border: 1px solid #dbdbdb; width: 179px; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
.inputTxt7 { background: #fff; border: 1px solid #dbdbdb; width: 179px; height: 26px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }

#admission table .pdnTop10 { padding-top:10px; }
#admission table .textArea1 { background: #fff; border: 1px solid #dbdbdb; width: 570px; height: 150px; vertical-align: middle; padding-left: 5px; margin-left: 4px; }
#admission table .textArea1:hover { border: 1px solid #2196f3; }
#admission table p { margin:4px 0;  } /*background:red;*/
#admission table .positionBase { position:relative; }
.marLeft10 { margin-left:10px; }
#admission table select { width: 110px; height: 30px; vertical-align: middle; color: #6d6d6d; border: 1px solid #dbdbdb; //margin-left: 4px; }
#admission table select:hover { border: 1px solid #2196f3; }
#admission table option {  }
#admission table .select2 { width: 62px; height: 26px; vertical-align: middle; color: #6d6d6d; border: 1px solid #dbdbdb; }
#admission table .select2:hover { border: 1px solid #2196f3; }
#admission table .select3 { width: 45px; height: 26px; vertical-align: middle; color: #6d6d6d; border: 1px solid #dbdbdb; }
#admission table .select3:hover { border: 1px solid #2196f3; }
#admission table input[type=button] { color: #fff; background: #7ab300; height: 30px; line-height: 31px; text-align: center; border: none; padding: 0px 15px; font-weight: 400; vertical-align: middle; margin-left: 2px; }
#admission table input[type=button]:hover { background:#2196f3; }
.chkBox span { margin-right:5px; }
#agree_txt {font-size:13px;}
</style>