/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* font-family: 'Nanum Gothic', serif; */

body { margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; min-width:1230px; }
#GNB { position:fixed; display:none; overflow:hidden; top:0; left:0; width:100%; height:74px; border-bottom:1px solid #cdcdcd; background:#fff; text-align:right; }
#GNB > div { max-width:1230px; margin:0 auto; padding:0 15px; }
#GNB a { float:left; padding:13px 0; }
#GNB ul { float:left; margin:0 0 0 187px; padding:0; }
#GNB li { display:inline-block; line-height:66px; margin:4px 0 0 28px; color:#999; }
#GNB li:hover { color:#0f51a1; cursor:pointer; }
#GNB li.Select { border-bottom:4px solid #0f51a1; color:#0f51a1; }
#GNB button { margin:8px 0; padding-top:18px; padding-bottom:2px; border:none; background-repeat:no-repeat; background-position:left center; background-color:transparent; line-height:16px; text-align:left; color:#666; }
#GNB button.esang { padding-left:58px; }
#GNB button.esang strong { color:#0780c2; font-weight:800; }
#GNB button.esafe { padding-left:44px; }
#GNB button.esafe strong { color:#1d8b2a; font-weight:800; }

.contentsType { overflow:hidden; }
.contentsType > div { overflow:hidden; width:1230px; margin:0 auto; padding:0 15px; }
.contentsType h1, .contentsType h2, .contentsType h3 { padding:0; margin:0; }

#intro { overflow:hidden; }
#intro h1, #intro h2, #intro p, #intro button { display:none; margin:0; margin-left:60px; padding:0; }
#intro > div { min-height:520px; }
#intro h1 { margin-bottom:55px; }
#intro h2 { line-height:104px; font-size:30px; color:#2090c0; font-weight:400; }
#intro p { margin-bottom:60px; color:#999; font-size:24px; line-height:36px; }
#intro button { height:102px; padding:0 15px 0 65px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left; color:#565656; font-size:18px; font-weight:400; cursor:pointer; }
#intro .bgPorpomence { position:absolute; width:100%; height:100%; margin:0; padding:0; background-size:cover; }

#education { }
#education > div div, #education> div ul { }
#education > div div { float:left; width:305px; }
#education > div div h1 { margin-top:180px; font-size:54px; color:#0f51a1; font-weight:400; }
#education > div div h2 { font-size:25px; color:#121212; font-weight:400; }
#education > div ul { overflow:hidden; margin:0; padding:0 0 0 14px; }
#education > div li { float:left; display:block; width:390px; height:600px; margin:0; padding:0 15px; border-left:1px solid #ccc; }
#education > div li h1 { margin-bottom:24px; line-height:36px; font-size:20px; color:#121212; }
#education > div li h2 { margin-top:40px; line-height:24px; font-size:16px; }
#education > div li.esafe h2, #education > div li.esafe a:hover { color:#1d8b2a; }
#education > div li.esang h2, #education > div li.esang a:hover { color:#0780c2; }
#education > div li a { font-size:14px; color:#666; text-decoration:none; }
#education > div li p { font-size:14px; font-weight:400; color:#999; line-height:20px; }
#education > div li img { margin:40px 0 20px 0; }
#education > div button { height:52px; margin-top:24px; padding:0 25px; border:none; font-size:18px; font-weight:800; color:#fff; }
#education > div li.esafe button { background:#1d8b2a; }
#education > div li.esang button { background:#0780c2; }

#services { }
#services > div div, #services > div ul { }
#services > div div { float:left; width:305px; }
#services > div div h1 { margin-top:180px; font-size:54px; color:#0f51a1; font-weight:400; }
#services > div div h2 { font-size:25px; color:#121212; font-weight:400; }
#services > div ul { overflow:hidden; margin:0; padding:0 0 0 14px; }
#services > div li { float:left; display:block; width:260px; height:580px; margin:0; padding:0 15px; border-left:1px solid #ccc; }
#services > div li h1 { line-height:36px; font-size:20px; color:#121212; }
#services > div li p { font-size:14px; font-weight:400; color:#999; line-height:20px; }
#services > div li img { margin:40px 0 20px 0; }

#counsel, #location { }
#counsel > div div, #counsel > div ul, #location > div div, #location > div div { }
#counsel > div div, #location > div div { float:left; width:305px; }
#counsel > div div h1, #location  > div div h1 { font-size:54px; color:#0f51a1; font-weight:400; }
#counsel > div div h2, #location > div div h2 { font-size:25px; color:#121212; font-weight:400; }
#counsel > div > table { border:none !important; border-collapse:collapse !important; border-left:1px solid #999 !important; }
#counsel > div > table input[type="text"] { border:1px solid #999; padding:0 5px; height:28px; }
#counsel > div > table input[type="image"] { margin-left:120px; }
#counsel > div td { padding:10px 0 10px 15px; background:#fff !important; text-align:left; }
#counsel > div form h1, #counsel > div form h2 { font-size:20px; color:#121212; font-size:12px; }
#counsel > div form h2 { margin:40px 0 15px 0; }
#counsel > div form p { font-size:15px; line-height:22px; color:#999; }
#counsel > div form span { font-size:12px; }

#location > div ul { overflow:hidden; border-left:1px solid #ccc; padding:15px;  }
#location > div ul iframe { margin-bottom:20px; }
#location > div ul li { list-style:none; line-height:30px; font-size:15px; }