@charset "utf-8";
/* CSS Document */

/*인사말 타이틀 상단*/
.subtitle { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_greetion.gif) no-repeat; margin-bottom:30px }
.subtitle p.title {font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
/*연혁 타이틀 상단*/
.subtitle2 { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_history.gif) no-repeat; margin-bottom:30px }
.subtitle2 p.title { font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle2 p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
/*이사장 소개 타이틀 상단*/
.subtitle3 { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_chairman.gif) no-repeat; margin-bottom:30px }
.subtitle3 p.title { font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle3 p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
/*재단이사회 타이틀 상단*/
.subtitle4 { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_officer.gif) no-repeat; margin-bottom:30px }
.subtitle4 p.title {font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle4 p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
/*오시는길 타이틀 상단*/
.subtitle5 { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_contact.gif) no-repeat; margin-bottom:30px }
.subtitle5 p.title {font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle5 p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
/*영상소개 타이틀 상단*/
.subtitle6 { width:790px; height:186px; margin:auto; background:url(/ko/Assets/Images/Intro/bg_subtitle_intro_picture.gif) no-repeat; margin-bottom:30px }
.subtitle6 p.title {font-family:"SquareB"; font-size:28px; color:#3d9824; text-align:right; line-height:36px; padding-right:330px; padding-top:35px; letter-spacing:-1px }
.subtitle6 p.sub { font-family:"SquareR"; font-size:17px; color:#707070; padding-right:330px; text-align:right; padding-top:20px; line-height:20px; }
.intro_layer { margin:auto; width:790px; background-color:#fff; height:100%; }

.intro_layer h4 { color:#434343; height:31px; display:block; clear:both; font-family:daumregular; font-size:16px;  }
.intro_layer h5 { color:#434343; height:60px; display:block; clear:both; font-family:"SquareB"; font-size:18px; line-height:24px  }
.intro_layer h6 { color:#434343; height:100px; display:block; clear:both; font-family:"SquareB"; font-size:18px; line-height:24px  }
.intro_layer p { color:#707070; font:12px dotum; line-height:18px; }
.intro_layer p span { font-size:0; }
.bg_intro_geetion { background:url(/ko/Assets/Images/Intro/bg_intro_greetion.gif) no-repeat top right; height:615px }
.bg_intro_geetion1 { background:url(/ko/Assets/Images/Intro/bg_intro_greetion1.gif) no-repeat top right; height:615px }
.intro_layer ul.tabs { width:790px; height:44px; margin-bottom:30px; border-bottom:2px solid #434343; }
.intro_layer ul.tabs li { text-align:center; float:left; height:28px; padding-top:15px; width:124px; border: 1px solid #d0d0d0; border-bottom:none; background-color:#f3f3f3; overflow: hidden; position: relative; }
.intro_layer ul.tabs li a:link { text-decoration:none; text-decoration:none; color:#393939; font-family:"SquareB"; font-weight:bold; font-size:16px; height:29px; }
.intro_layer ul.tabs li a:visited { text-decoration:none; display:block; text-decoration:none; color:#393939; font-family:"SquareB"; font-weight:bold; font-size:16px; height:29px; padding-top:14px; width:122px }
.intro_layer ul.tabs li.active { background-color:#fff; border:2px solid #434343; border-bottom:none; color:#fff; font-family:"SquareB"; font-weight:bold; font-size:16px; height:30px; padding-top:14px; width:122px }
.intro_layer ul.tabs li.active a:link { background-color:#fff; color:#393939; font-family:"SquareB"; font-weight:bold; font-size:16px; }
.intro_layer .tab_container { clear:both; width:790px; }
.intro_layer .tab_container h6 { font-size:0 }
.intro_layer .tab_content { width:790px; margin:auto }
.bg_intro_history_2021 { background:url(../Images/Intro/bg_history_2021.gif) no-repeat top -50px right; min-height:320px;max-height: 655px; }/*22.04.04 연혁  bg_intro_history_2021 클래스추가*/
.bg_intro_history_1 { background:url(/ko/Assets/Images/Intro/bg_history_1.gif) no-repeat top right; height:655px; }
.bg_intro_history_2 { background:url() no-repeat top right; height:655px; }
.bg_intro_history_3 { background:url(/ko/Assets/Images/Intro/bg_history_2.gif) no-repeat top right; height:655px; }
.intro_layer .tab_content dl { width:790px; float:left }
.intro_layer .tab_content dt { float:left; width:115px; text-align:center; font-family:nanum; color:#434343; font-weight:bold; line-height:30px; font-size:14px; min-height:30px; padding-bottom:10px; clear:both }
.intro_layer .tab_content dd { float:right; width:665px; line-height:30px; font:12px dotum; color:#707070; padding-left:10px; padding-top:8px; min-height:22px; padding-bottom:10px; }
.intro_layer .tab_content dd li { background:url(/ko/Assets/Images/Intro/bl_dot.gif) no-repeat left 7px; line-height:18px; padding-left:10px }
.intro_layer .tab_content dl.chairman { width:790px; float:left }
.intro_layer .tab_content dl.chairman dt { float:left; width:150px; text-align:left; text-indent:50px; font-family:nanum; color:#434343; font-weight:bold; line-height:30px; font-size:14px; min-height:30px; padding-bottom:10px; clear:both }
.intro_layer .tab_content dl.chairman dd { float:right; width:630px; line-height:30px; font:12px dotum; color:#707070; padding-left:10px; padding-top:8px; min-height:22px; padding-bottom:10px; }
.intro_layer .tab_content dl.chairman dd span { color:#434343; font-family:nanum; font-size:12px; font-weight:bold; display:inline-block; width:24px }
.intro_layer .tab_content dl.chairman dd li { background:url(/ko/Assets/Images/Intro/bl_dot.gif) no-repeat left 7px; line-height:18px; padding-left:10px }
.intro_layer h4 { background:url(/ko/Assets/Images/Intro/bl_h4.gif) no-repeat; text-indent:21px; height:31px; display:block; clear:both }
.intro_layer ul { float:left }
.intro_layer ul.officer { width:197px; float::left; height:193px; }
.intro_layer ul.officer li { float:left; font:12px dotum; color:#707070; line-height:18px; width:197px; height:20px; text-align:center; display:block}
.intro_layer ul.officer li:first-child { float:left; font:bold 12px dotum; color:#707070; line-height:43px; width:197px; height:150px;  }
.intro_layer .map { float:left; width:337px }
.intro_layer .map ul { padding-top:15px }
.intro_layer .map li { font:12px dotum; color:#707070; line-height:18px; background:url(/ko/Assets/Images/Intro/bl_dot_red.gif) no-repeat 0 5px; padding-left:8px; word-spacing:-2px }
.intro_layer .map li span.tt{display:inline-block; width:45px; float:left}
.intro_layer .map li span.tt2{display:inline-block; width:35px; float:left}
.intro_layer .map li span{display:inline-block; width:275px;}
.intro_layer .send { float:right; width:420px }
.intro_layer .send table { border-collapse:collapse; border-top:2px solid #434343; width:100%}
.intro_layer .send th { background-color:#f3f3f3; border-bottom:1px solid #d0d0d0; height:30px; font:bold 12px dotum; text-align:center }
.intro_layer .send td { border-bottom:1px solid #d0d0d0; font:12px dotum; color:#707070; padding-left:20px }
.intro_layer .send td input { width:13px; height:13px; padding:0; margin:0; vertical-align:middle }
.intro_layer .send td input.txt { width:80px; height:16px; padding:0; margin:0; vertical-align:middle; border:1px solid #d0d0d0 }
.intro_layer .send td input.title { width:230px; height:16px; padding:0; margin:0; vertical-align:middle; border:1px solid #d0d0d0 }
.intro_layer .send td input.phone { width:70px; height:16px; padding:0; margin:0; vertical-align:middle; border:1px solid #d0d0d0 }
.intro_layer .send td textarea { width:230px; height:100px; margin:0; vertical-align:middle; border:1px solid #d0d0d0; margin:6px 0 6px 0 }
.intro_layer .send td input.file_add { width:200px; height:18px; border:none; font:12px dotum; display:inline-block; border-spacing:nomal ; margin-top:6px}
.intro_layer .send td p{color:#434343; padding-top:3px; padding-bottom:3px}
.intro_layer .send td label { padding-left:10px; padding-right:10px; font:12px dotum; line-height:18px }
.intro_layer .send td label.mail{display:none;}
.intro_layer .send .btn_layer {text-align:right; padding-top:15px}
.intro_layer .send .btn_layer input{padding:0; border:0 none; border-spacing:0; }
.intro_layer .send .btn_layer .btn_submit {width:60px; height:25px; background:url(/ko/Assets/Images/Intro/btn_save.gif) no-repeat; text-indent:-9999px; border:0}
.intro_layer .send .btn_layer .btn_cancel {width:60px; height:25px; background:url(/ko/Assets/Images/Intro/btn_cancel.gif) no-repeat;text-indent:-9999px; border:0}
/*셀렉트박스*/
.select { position:relative; line-height:normal; display:inline-block; *display:inline;
vertical-align:middle; background:#fff; *zoom:1;
font:12px dotum }
.select * { margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif; }
.select .myValue { position:relative; z-index:2; left:0; top:-1px; border:1px solid #d0d0d0; color:#434343; line-height:18px; _line-height:normal; text-align:left; overflow:visible; font:12px dotum }
.select .myValue.selected { color:#434343; }
.select.open .myValue, .select .myValue.outLine { border:1px solid #d0d0d0; }
.select button.myValue { height:18px; }
.select div.myValue { height:18px; text-indent:8px; }
.select .ctrl { position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #d0d0d0; border-left:1px solid #eaeaea; background:#fff; }
.select ul { position:absolute; top:18px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#fff; overflow:hidden; }
.select ul.aList { display:none; /*overflow-y:auto; height:100px;overflow-x:hidden;*/ }
.select.open ul.aList { display:block; }
.select ul.iList { left:-2000%; }
.select.open ul.iList { left:0; }
.select li { position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }
.select li input.option { position:absolute; width:100%; height:20px; line-height:20px; }
.select li label { position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px;
height:18px; line-height:18px; color:#767676; background:#fff; }
.select li a { display:block; text-indent:8px; *text-indent:6px;
height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none; }
.select li.hover * { background:#999; color:#fff; }
.wid_number { width:43px; text-indent:4px; background:url(/ko/Assets/Images/Event/bg_select.gif) no-repeat 25px; }
.wid_mail { width:100px; text-indent:5px; background:url(/ko/Assets/Images/Event/bg_select.gif) no-repeat 80px; vertical-align:middle; padding-top:1px; margin-top:1px }

.vmwrap{ width:810px; margin:0 auto  }
.introinfo{margin-bottom: 20px}
.groups{width:236px; height:330px; background: url(/ko/Assets/Images/Intro/bg_history1.png) no-repeat; display:inline-block; margin-left: 21px; padding: 28px 10px 0 10px; text-align:center; vertical-align:top;}
.groups:first-child{margin-left:0px}
.groups .logo{margin-bottom:27px}
.groups p{width:236px; height:44px; background: url(/ko/Assets/Images/Intro/bg_history2.png) no-repeat;font-family: nanum; font-weight:bold; padding-top:27px; color:#393939 ; }
.groups ul{ margin-top:17px; margin-left:52px;  }
.groups ul li{color:#707070; background: url(/ko/Assets/Images/Intro/bl_dot.gif) no-repeat left 7px; font-size:13px; line-height: 18px; letter-spacing:-1px; padding-left: 10px; text-align:left}


div.directors {width:100%; background:url(/ko/assets/images/intro/bg_directors.gif) no-repeat;padding:35px 0 50px}
div.directors ul{margin-left:250px}
div.directors li{font-size:14px; font-family:nanum; color:#666; background:url(/ko/assets/images/intro/ico_dotblet.gif) no-repeat 0 8px; padding-left:9px; line-height:18px}
div.directors li:first-child { background-image:none; padding-bottom:10px; line-height:1; padding-left:0}
div.directors hr.dot {background:url(/ko/assets/images/intro/line_dot.gif) repeat-x 0 41px; visibility:visible; width:510px; height:85px; border:none; margin-left:240px;margin-top: 0;margin-bottom: 0}
div.directors hr.dot2 {background:url(/ko/assets/images/intro/line_dot.gif) repeat-x 0 44px; visibility:visible; width:510px; height:88px; border:none; margin-left:240px;margin-top: 0;margin-bottom: 0}
div.directors ul+ul {padding-top:28px}
div.directors strong{font-weight: bold}