@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height: 100%; } 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {font-family:"나눔고딕",NanumGothic,'NanumGothicWeb','맑은 고딕', 'Malgun Gothic',"돋움", dotum, arial, sans-serif; color:#777777; font-size:0.75em; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:"나눔고딕",NanumGothic,"돋움", dotum, arial, sans-serif; }


/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li {font-family:"나눔고딕","Nanum Gothic","맑은고딕","Malgun Gothic","돋움","Dotum", "굴림","Gulim",'Titillium Web',sans-serif !important; } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
a { color:#666; text-decoration:none; }
a:hover, a:focus { color:#000; text-decoration:none; }


/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }


/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}


/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { content:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }


/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }



/**************************
Page Layout
**************************/
/*
.wrap { position:absolute; width:100%; background:#fff; }
*/

#header { position:relative; width:100%; min-width:1140px; border-top:2px solid #3E62A0; border-bottom:1px solid #3E62A0;}
.top_area { position:relative; width:1140px; min-width:1140px; margin:0 auto; }
.gnb_area { position:relative; height:58px; overflow:hidden; }
.gnb_lft { position:absolute; left:0; top:0px; width:250px; height:32px; line-height:32px; font-size:1.083em; color:#666; border-bottom:1px solid #9D9D9D; }
.tm_news { display:inline-block; margin-right:12px; font-size:12px; font-weight:600; color:#7C8BB3; }
.gnb_rgt { position:absolute; right:190px; top:0px; }
.gnb1 { display:inline-block; height:32px; line-height:32px; margin-right:12px; padding-left:16px; font-size:1em; font-weight:500; color:#888; background:url(/image/common/tm_icon1.png) left center no-repeat; }
.gnb2 { display:inline-block; height:32px; line-height:32px; margin-right:12px; padding-left:16px; font-size:1em; font-weight:600; color:#888; background:url(/image/common/tm_icon2.png) left center no-repeat; }
.gnb3 { display:inline-block; height:32px; line-height:32px; margin-right:12px; padding-left:16px; font-size:1em; font-weight:600; color:#888; background:url(/image/common/tm_icon3.png) left center no-repeat; }
.gnb4 { display:inline-block; height:32px; line-height:32px; margin-right:12px; padding-left:16px; font-size:1em; font-weight:600; color:#888; background:url(/image/common/tm_icon4.png) left center no-repeat; }
.myclass { margin:0;}
.myclass-2 {position:absolute; right:0; width:180px; height:39px; padding:7px 0; text-align:center; background:url(/image/common/myclass.png) no-repeat;}
.myclass-2 .classroom {font-size:19px; color:#FFFF00; font-weight:700;}
.lnb_area { position:relative; width:1140px; min-width:1140px; height:50px; }
.logo { position:absolute; left:0; top:5px; z-index:999; }




/* all 메뉴*/
.all { position:absolute; top:0px; right:0; width:48px; height:49px; line-height:49px; padding:0; text-align:center; border-left:1px solid #D0D0D0; border-top:1px solid #D0D0D0; border-right:1px solid #D0D0D0; background:#F3F3F3; }


/* 서브메뉴(넓게 우측으로 멀티플한 리스팅 가능)*/
.lnb_area .cen {float:right; left:48px; width: 834px; margin-right:48px;}
.lnb_area ul {width: 834px; margin: 0; padding:0; z-index:999;}
/* 1차메뉴 사이즈 139px통합조절  */
.lnb_area .main > li {float:left; width:139px; height:50px; line-height:50px; text-align:center; background-color: #fff; position:relative; font-size:19px; font-weight:600;}


/* 1차메뉴 각각사이즈 조절  */
/*.
lnb_area .main > li:nth-child(1) {width:154px;}
.lnb_area .main > li:nth-child(2) {width:200px;}
.lnb_area .main > li:nth-child(3) {width:200px;}
.lnb_area .main > li:nth-child(4) {width:154px;}
.lnb_area .main > li:nth-child(5) {width:120px;}
.lnb_area .main > li:nth-child(6) {width:120px;}
.lnb_area .main > li:hover .sub{display: block;}
*/


.lnb_area .main > li > a{display: block; color:#000;}
.lnb_area .main > li a:hover{background-color: #1C72CB; color:#fff;}
.lnb_area .main > li:hover .menu2{display: block;}
.lnb_area .main > .on {background-color:#fff;}
.lnb_area .main > .on a {color:#2677DC;}
.lnb_area .menu2{position:absolute; left: 0; display: none;z-index:999; background-color:#fff;}
.lnb_area .sub1{top:0; left: 0; float: left; width:250px; column-count: 2; -webkit-column-count:2; -moz-column-count: 2; border:#1C72CB 1px solid;}
.lnb_area .sub2{top:0; left: 0; float: left; width:139px; border:#1C72CB 1px solid;}
.lnb_area .sub3{top:0; left: 0; float: left; width:139px; border:#1C72CB 1px solid;}
.lnb_area .sub4{top:0; left: 0; float: left; width:139px; border:#1C72CB 1px solid;}
.lnb_area .sub5{top:0; left: 0; float: left; width:139px; border:#1C72CB 1px solid;}
.lnb_area .sub6{top:0; left: 0; float: left; width:255px; column-count: 2; -webkit-column-count:2; -moz-column-count: 2;  border:#1C72CB 1px solid;}
.lnb_area .sub li:hover .sub-01{ display:block;}
.lnb_area .main .sub li a{color:#000;} 
.lnb_area .main .sub li a:hover span {border-bottom:#333333 1px solid; padding-bottom:1px;}
.lnb_area .main .sub li a:hover{background-color: #fff;} 
.lnb_area .main .menu2 .sub-01 li { position:relative; text-align:left; line-height:21px; }
.lnb_area .main .sub li {padding:0 10px 5px 10px; background-color: #fff; font-size:14px; font-weight:normal; line-height:23px; text-align:left; overflow:hidden;}

.lnb_area .main > li:hover .menu2list{display: block;}
.lnb_area .menu2list{position:absolute; right:0; display: none;z-index:999; background-color:#fff;}
.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:left; line-height:21px; }


/* 서브메뉴(일반)*/

/*

#header .top_area {position:relative; width:100%; background-color:#5484d9;}
#header .top_area .menu1 {position:relative; width:1140px; height:50px; margin:0 auto; background-color:#5484d9; font:16px 'Nanum Gothic', sans-serif;}
#header .top_area .menu1 ul {width:1140px; font-size:17px; z-index:999;}
#header .top_area .menu1 .main > li {position:relative; float:left; width:155px; height:50px; line-height:50px; text-align:center; background-color:#5484d9; border-left:1px #7da2e3 solid;}

#header .top_area .menu1 .main > li:nth-child(1) {width:190px;}
#header .top_area .menu1 .main > li:nth-child(7) {width:175px; border-left:0; border:1px #e3e3e3 solid; background-color:#fff; color:#cc3467; font-weight:700;}
#header .top_area .menu1 .main > li:nth-child(7) a {padding-right:50px; color:#cc3467; background:url(/image/main/ico-arr.png) 120px  no-repeat;} 
#header .top_area .menu1 .main > li:nth-child(7) a:hover {background-color:#fff; color:#cc3467;} 

#header .top_area .menu1 .main > li:hover .sub {display:block;}
#header .top_area .menu1 .main > li a {display:block; color:#fff; padding:0 10px;}
#header .top_area .menu1 .main > li a:hover {color:#fff; background-color:#1c2856;}	
#header .top_area .menu1 .main .sub {position:absolute; top:50px; left:0; width:100%; font-size:14px; display:none;}
#header .top_area .menu1 .main .sub li {background-color:#5484d9; width:350px; height:35px; line-height:35px; text-align:left;}
#header .top_area .menu1 .main .sub li a:hover {background-color:#1c2856;}

#header .top_area .menu1 .main .sub .subbox2 {background-color:#5484d9; width:350px; text-align:left;}
#header .top_area .menu1 .main .sub .subbox6 {background-color:#5484d9; width:155px; text-align:left;}


*/





/* 서브메뉴(전체_스크립트메뉴_추후개발)*/







/* 메뉴하단 각 서브 탑 */
/*
.sub_area { position:relative; width:100%; height:175px; background:#9CDFFA; }
.sub_img { position:relative; width:1140px; margin:0 auto; }
*/
.sub_area { position:relative; width:100%; height:2px; border-top:1px solid #3E62A0; margin-bottom:40px;}







/* Contents */
#container {width:100%; min-width:1140px; margin:0 auto; padding:0; /*text-align:center;*/}
#container .page {margin: 0 auto; width:1140px;text-align:right; margin-top:20px; margin-bottom:20px;}
#container .page .page_on { color:#222; }
#container .cont{width:1140px; margin:0 auto; padding:40px 0; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
/*
.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
*/







/* Footer */ 
#footer { position:relative; width:100%; min-width:1140px; border-top:1px solid #D7D7D8; background:#F5F6FA; }
#footer .inner {position:relative; width:1140px; margin:0 auto; overflow:hidden; }
#footer .inner .footer_address { position:relative; margin:10px 0 30px 0; font-size:13px; color:#888; line-height:150%; text-align:center;}
.footer_mn { position:relative; width:100%; height:50px; background-color:#ECEDF0;}
.footer_mn_box {position:relative; width:1140px; height:50px; line-height:50px;margin:0 auto; text-align:center; background-color: inherit;}
.footer_mn1 { padding:0 10px; font-size:13px; font-weight:600; color:#333; }
.footer_mn1 a { color:#333; }
.footer_logo { position:relative; text-align:center; }
.footer_sns { display:block; margin:15px 0 40px 0; }


/*스크롤 top*/
.scroll-top {display:none; position:fixed; bottom:30px; left:50%; margin-left:580px; z-index:100;}





/* Quick */
<!--.quick_area { position:fixed; top:0; right:0; width:80px; height:100%; z-index:999; }-->
.quick_mn1 {position: fixed; display: block; margin-top: 110px; text-align: center; font-size: 13px; line-height: 15px; top: 0; right: 0; z-index: 999;}
.quick_mn1 a { color:#fff; padding-top:50px; font-weight:600; }
.quick_mn1 a:hover { color:#ffff00; font-weight:600; padding-top:50px; }
.quick_mn1 .q1 { position:relative; display:block; width:80px; height:95px; background:url(/image/common/q1.jpg) no-repeat; }
.quick_mn1 .q2 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q2.jpg) no-repeat; }
.quick_mn1 .q3 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q3.jpg) no-repeat; }
.quick_mn1 .q4 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q4.jpg) no-repeat; }
.quick_mn1 .q5 { position:relative; display:block; width:80px; height:80px; background:url(/image/common/q5.jpg) no-repeat; }



/*visual rolling*/
.main_visual_area { position:relative; width:100%; background:#9CDFFA;}
.ui-carousel { position:relative; width:1140px; height:500px; margin:0; padding:0; overflow:auto; /*for ie7 to work e.g in html carousels*/ }
.ui-carousel .wrapper { width:9999px; margin:0; padding:0; }
.ui-carousel .wrapper * { float:left; display:block; width:1140px; height:500px; overflow:hidden; }
#main_visual { position:relative; display:block; width:1140px; height:500px; margin:0 auto; }
#carousel { display:block; width:1140px; height:500px; margin:0 auto; }
#ui-carousel-next, #ui-carousel-prev { position: absolute; width:52px; height:500px; background:url(/image/main/arrow_lft.png) center center no-repeat; display:block; top:0; z-index:999; }
#ui-carousel-next { right:0; background-image:url(/image/main/arrow_rgt.png); }
#ui-carousel-prev { left: 0; }
#ui-carousel-next span, #ui-carousel-prev span { display:none; }
.slide { margin:0; position:relative; }
#slide01 img { position: absolute; }
#slide02 img { position: absolute; }
#slide03 img { position: absolute; }
#slide04 img { position: absolute; }
#slide05 img { position: absolute; }
#pages { position:absolute;	width:150px; left:544px; top:460px; margin:0 auto; z-index:999; }
.bullet { float:left; display:block; width:13px; height:13px; margin:0; margin-right:5px; background:url(/image/main/page_off.png) center center no-repeat; }







/*section1*/
.main_section1 { position:relative; width:100%; margin:30px 0; }
.main_section1 .inner { position:relative; width:1140px; margin:0 auto; overflow:hidden; background-color:#fff;}
.main_section1 .inner .main_section1_box1 { float:left; width:270px; background:#1A6BA9; text-align:left;}
.main_section1 .inner .main_section1_box1 .main_bigt0 { display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#fff; }
.main_section1 .inner .main_section1_box1 .main_bigt1 { margin:32px 0 0 30px; font-size:24px; font-weight:600; color:#fff; }
.main_section1 .inner .main_section1_box1 .main_line { margin:15px 0 15px 30px; }
.main_section1 .inner .main_section1_box1 .main_smt1 { margin-left:30px; margin-bottom:30px; font-size:13px; font-weight:600; color:#BBD3E5; line-height:140%; }

.main_section1 .inner .main_section1_box2 { float:left; width:290px; text-align:center; background:url(/image/main/line2.jpg) right top repeat-y;}
.main_section1 .inner .main_section1_box2 .main_bigt2 { margin-bottom:12px; font-size:20px; font-weight:600; color:#222;}
.main_section1 .inner .main_section1_box2 .main_smt2 { margin-bottom:22px; font-size:13px; font-weight:600; color:#999; line-height:140%; }
.main_section1 .inner .main_section1_box2 .main_icon { margin:15px 0 25px 0; }

.main_section1 .inner .main_section1_box2:last-child { float:left; width:290px; text-align:center; background:none;}




/*section2*/
.main_section2 { position:relative; width:100%; height:530px; background:#EAEDF4 url(/image/main/bg_mv1.jpg) center top no-repeat; }
.main_section2 .inner { position:relative; width:1140px; margin:0 auto; overflow:hidden;}
.main_section2 .inner .title_box { position:relative; margin-top:30px; text-align:center; }
.main_section2 .inner .title_smt { display:block; margin-bottom:7px; font-size:13px; font-weight:600; color:#555; }
.main_section2 .inner .title_bgt { display:block; font-size:28px; font-weight:600; color:#000; }
.main_section2 .inner .title_line { display:block; margin:10px 0 24px 0; }
.main_section2 .inner .mv_box { position:relative; height:400px; text-align:center; background:url(/image/main/bg_mv2.png) center top no-repeat; }
.main_section2 .inner .mv_img { position:absolute; left:322px; top:16px; width:480px; height:310px; }




/*section3*/
.main_section3 { position:relative; width:100%; margin-top:30px;}
.main_section3 .inner { position:relative; width:1140px; margin:0 auto; overflow:hidden;}
.main_section3_box1 {float:left; width:360px; height:360px; margin-right:30px; border:1px solid #888;}
.main_section3_box1 .icon_box {width:100%; height:160px; text-align:center; font-size:24px; font-weight:600; color:#fff; background:#888;}
.main_section3_box1 .icon_img1 {display:block; padding:30px 0 20px 0; }
.main_section3_box1 .main_bigt3 {margin:20px; font-size:30px; font-weight:600; color:#222; text-align:center;}
.main_section3_box1 .main_smt3 {margin-bottom:10px; font-size:14px; font-weight:600; color:#555; line-height:140%; text-align:center;}
.main_section3_box1 .main_smt4 {margin-bottom:25px; font-size:12px; font-weight:400; color:#777; text-align:center;}
.main_section3_box1 .txt_box_btn {position:relative; width:90%; margin:0 auto; padding-top:13px; background:url(/image/main/dot_line1.jpg) left top repeat-x;}
.main_section3_box1 .txt_box_btn1 {display:block; width:70px; margin:0 auto; font-size:14px; font-weight:600; color:#111; background:url(/image/main/dot1.png) right center no-repeat;}

.main_section3_box1:last-child {float:left; width:360px; height:360px; margin-right:0; border:1px solid #888;}
.main_section3_box1 .icon_box {width:100%; height:160px; text-align:center; font-size:24px; font-weight:600; color:#fff; background:#888;}
.main_section3_box1 .icon_img1 {display:block; padding:30px 0 20px 0; }
.main_section3_box1 .main_bigt3 {margin:20px; font-size:30px; font-weight:600; color:#222; text-align:center;}
.main_section3_box1 .main_smt3 {margin-bottom:10px; font-size:14px; font-weight:600; color:#555; line-height:140%; text-align:center;}
.main_section3_box1 .main_smt4 {margin-bottom:25px; font-size:12px; font-weight:400; color:#777; text-align:center;}
.main_section3_box1 .txt_box_btn {position:relative; width:90%; margin:0 auto; padding-top:13px; background:url(/image/main/dot_line1.jpg) left top repeat-x;}
.main_section3_box1 .txt_box_btn1 {display:block; width:70px; margin:0 auto; font-size:14px; font-weight:600; color:#111; background:url(/image/main/dot1.png) right center no-repeat;}




/*section4*/
.main_section4 { position:relative; width:100%; margin-top:50px;}
.main_section4 .inner { position:relative; width:1140px; margin:0 auto; overflow:hidden;}
.main_section4_box1 { float:left; width:360px; margin-right:30px;}
.main_section4_box1 .main_title { position:relative; margin-bottom:20px; font-size:20px; font-weight:600; color:#175D92; }
.main_section4_box1 .main_title_more { position:absolute; right:0; top:0px;}
.main_section4_box1 .news_list {display:block; overflow:hidden; text-align:left;}
.main_section4_box1 .news_list li a { height:27px; line-height:27px; font-size:14px; color:#444; overflow:hidden; }
.main_section4_box1 .news_list li a:hover { color:#0C56BA; }
.main_section4_box1 .news_list .date { display:inline-block; position:relative; top:6px; float:right;}

.main_section4_box1-2 { float:left; width:360px; margin-right:30px;}
.main_section4_box1-2 .main_title {position:relative; margin-bottom:20px; font-size:20px; font-weight:600; color:#175D92;}
.main_section4_box1-2 .main_title_more { position:absolute; right:0; top:0px;}
.main_section4_box1-2 .news_list {display:block; overflow:hidden; text-align:left;}
.main_section4_box1-2 .news_list li a { height:27px; line-height:27px; font-size:14px; color:#444; overflow:hidden; }
.main_section4_box1-2 .news_list li a:hover { color:#0C56BA; }
.main_section4_box1-2 .news_list .date { display:inline-block; position:relative; top:6px; float:right;}

.main_section4_box2 { float:left; width:360px; margin-right:0px; }
.main_section4_box2 .main_title {position:relative; margin-bottom:20px; font-size:20px; font-weight:600; color:#175D92;}
.main_section4_box2 .tel_box { height:80px; background:url(/image/main/phone.png) right 10px no-repeat;}
.main_section4_box2 .tel_box .tel_txt1 { margin:4px 0; font-size:12px; font-weight:600; color:#5499C9;}
.main_section4_box2 .tel_box .tel_txt2 { margin-bottom:7px; font-size:40px; font-weight:600; color:#000;} 
.main_section4_box2 .tel_txt3 { font-size:13px; font-weight:400; color:#666;} 




/*section5*/
.main_section5 { position:relative; width:100%; 1140px; margin:40px 0; }
.main_section5 .inner1 { position:relative; width:1140px; margin:0 auto; border:1px solid #C2C2C2; overflow:hidden;}
.main_section5_box1 {float:left; width:25%; padding:15px 0; text-align:center; background:url(/image/main/dot_line2.jpg) right top repeat-y;}
.main_section5_box1 .icon_img2 { display:inline-block; margin-right:15px; vertical-align:middle;}
.main_section5_box1 .icon_txt { display:inline-block; height:44px; line-height:44px; font-size:17px; font-weight:600; color:#444;}
.main_section5_box1:last-child {float:left; width:25%; padding:15px 0; text-align:center; background:none;}
/*.main_section5_box2 { float:left; width:25%; padding:15px 0; text-align:center;}
.main_section5_box2 .icon_img2 { display:inline-block; margin-right:15px; vertical-align:middle;}*/



@media all and (max-width:1315px) {
.quick_area{ display:none;}

}