@charset "utf-8";
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSansKR-Light'); 
    src: url(noto/NotoSansKR-Light.eot), 
        url(noto/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
        url(noto/NotoSansKR-Light.woff) format('woff');}
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSansKR-DemiLight');
    src: url(noto/NotoSansKR-DemiLight.eot),
         url(noto/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-DemiLight.woff) format('woff');}
@font-face {font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSansKR-Regular');
    src: url(noto/NotoSansKR-Regular.eot),
         url(noto/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Regular.woff) format('woff');}
@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 500; 
    src: local('Noto Sans Medium'), local('NotoSansKR-Medium');
    src: url(noto/NotoSansKR-Medium.eot),
         url(noto/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Medium.woff) format('woff');}
@font-face { font-family: 'Noto Sans Korean';font-style: normal;font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSansKR-Bold');
    src: url(noto/NotoSansKR-Bold.eot),
         url(noto/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Bold.woff) format('woff');}
@font-face { font-family: 'Noto Sans Korean'; font-style: normal;font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSansKR-Black');
    src: url(noto/NotoSansKR-Black.eot),
         url(noto/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
         url(noto/NotoSansKR-Black.woff) format('woff');}
*{margin:0; padding:0; box-sizing:border-box;font-family: 'Noto Sans Korean', sans-serif; }
textarea::focus{outline:0;}
html, body {width:100%; font-size:1em; line-height:1.5; letter-spacing:-0.5px; color:#333;
  font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a{text-decoration:none; color:inherit;}
img{border:0;}
li{list-style: none;}
.clear{clear:both}

#main_wrap {width:100%; position:relative;}
#skipNavi{display:block; width:100%; padding:10px 0; position:absolute; left:0; top:-100px; color:#333; text-align:center; background:#4084a6; border:0 none; font-weight:bold;}
#header-wr{ width:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); z-index:9999; position:fixed; top:0;}
.gnb_wrap{width:100%; height:35px; background:#333;}
.gnb{width:1280px; margin:0 auto; }
.gnb .right{float:right; font-size:12px; line-height:35px;}
.gnb .right li{float:left; padding:0 5px 0 5px; font-weight:450; color:#ddd; }
.gnb .right li:after{content:'  '; padding-left:10px; color:#ddd;}
.gnb li img{vertical-align:-5px; margin-right:2px;}
.gnb .right li:last-child:after{content:'';}
#header {clear:both;  width:100%; height:125px; }
.menu_btn{color:#333; text-decoration:none;}
.menu_btn:hover{color:#999;}
.menu p {float:left;}
.search_form{width:1280px; margin:0 auto; position:relative;}
.logo {float:left; padding:3px 0 0 0; display:block;}
.serch_box{ float:right; }
.ppt_menu{float:right;}
.ppt_menu ul{margin-left:20px;}
.ppt_menu li{float:left; font-size:20px;line-height:125px; font-weight:400; margin-left:35px; color:#333;}
.ppt_menu .country{color:#999;}
.sub_menu{width:576px; height:33px; border-bottom:#cdcdcd 1px solid; border-left:#cdcdcd 1px solid; border-right:#cdcdcd 1px solid; clear:both; float:left; margin-left:239px;}
.sub_menu ul{ padding-left:82px; padding-top:10px;}
.sub_menu li{ float:left; padding-right:26px; color:#777777; font-size:11px; line-height:18px;}
.sub_menu li.over{color:#cc0d0d; font-weight:bold;}


/*뭔박스여*/
.serch_input{width:150px; height:25px; border:0; background:#4d5256; border-radius:30px;  padding-left:5px; vertical-align:middle; outline:none; color:#fff; }
.serch_line{height:30px; float:left; margin-top:26px;}
.serch_line li.gum_btn{margin-left:10px; outline:none;}
.serch_line li{float:left;}
.key_word{position:absolute; width:500px; top:135px; height:16px; float:left; padding-left:315px; }
.key_word2{width:auto; height:16px; float:left; padding-left:8px;}
.key_word2 ul{float:left; margin-top:10px;}
.key_word2 li{float:left;}
.key_word2 li a:hover{color:#f5d000;}
.key_word2 li.key_text{font-size:13px;  padding-top:2px;}
.key_text a{color:#fff;}
.bbar{padding-top:4px; color:#eaeaea; padding-left:6px; padding-right:6px;}
.kki{width:27px; height:15px; margin-left:5px; margin-top:2px; float:right;}
.dut{width:13px; height:11px; float:left; padding:3px 5px 0 5px; margin-top:10px;}
.l_r_arrow{float:right; padding:3px 0px 0 3px; margin-top:10px;}
.l_r_arrow li{float:left; padding-right:1px}
.input_ya{width:140px; height:23px; border:1px solid #656666; line-height:18px;}
.input_ya2{height:25px; font-size:14px; border:1px solid #656666;}



/*아이디찾기*/
.id_wrap{width:444px; height:247px; margin:0 auto; padding:0 30px 37px 30px;}
.top_logo_q{width:444px; height:97px; float:left;}
.id_search{width:444px; height:124px; float:left; border-top:1px solid #f47a20; border-bottom:1px solid #f47a20; background-color:#fafbfb; padding-top:26px;}
.id_search ul{margin-left:54px; float:left;}
.id_search li{float:left;}
.id_search ul.margin_q{ margin-top:13px; width:359px;}
.id_search li.ffff{width:142px; height:25px;}
.input_ya{width:140px; height:23px; border:1px solid #656666; line-height:18px;}
.input_ya2{height:25px; font-size:14px; border:1px solid #656666;}
.id_search2{width:444px; height:157px; float:left; border-top:1px solid #f47a20; border-bottom:1px solid #f47a20; background-color:#fafbfb; padding-top:18px;}
.id_search2 ul{margin-left:54px; float:left;}
.id_search2 li{float:left;}
.id_search2 ul.margin_q2{ margin-top:13px; width:359px;}
.id_search2 li.ffff2{width:142px; height:25px;}
.id_btn_0{width:444px; float:left; text-align:center; margin-top:21px;}
.btn_btn{margin-left:13px;}
.fix{position:absolute; z-index:999;  top: 160px; right: -155px; width:150px; background:#fff; 
padding:20px; font-weight:500;box-shadow: 0 0 5px rgba(0,0,0,0.2); text-align:center; } 
.fix li{margin:20px 0;}
.fix li a{display:block; font-size:15px; line-height:26px;}
.fix li h4{margin-bottom:10px;}
.fix b{display:block; padding:2px 0; border-radius:20px; background:#3d3773; color:#fff;}
@media all and (max-width:1350px){
.fix{display:none;}
}

#visual {   clear:both; position:relative; max-width:1920px; margin:160px auto 0; height:380px; overflow:hidden; position:relative;}
/*.visual_slide { width: 100%;  height: 100vh;  clear: both; }*/
.visual_slide { width: 100%;  height:380px;  clear: both; overflow:hidden;}
/*.visual_text{position:absolute; top:260px; left:0; right:0; margin:0 auto; width:1230px; padding-left:500px;}*/
.visual_text{position:absolute; top:40px; bottom:0; left:0; right:0; margin:auto; display:block;}
.canada_visual{float:left; margin-top:40px;}
.us_visual{float:left; margin-left:10px; margin-top:40px;}
.scroll{position:absolute; bottom:20px; left:0; right:0; margin:0 auto; animation: scr_act 0.5s 1s infinite ease alternate;}
#visual_1100{display:none}
.con_wrap_wr{width:100%; margin:0 auto;height:400px;}
@keyframes scr_act{
    0%{transform: translateY(0px);}
    100%{transform: translateY(-20px);}
}


.content{width:1280px; margin: 0 auto; padding:80px 0; overflow:hidden; height:auto;}
.cols{clear:both;  margin:0 auto;  width:1280px;overflow:hidden; height:auto;}
.cols:nth-of-type(2){margin-top:15px;}
.cols a{display:block;}
.ft_left{float:left;}
.ft_right{float:right;}
#con_wrap {clear:both; width:1280px; margin: 20px auto 20px; border:1px solid #ccc; box-sizing:border-box; height:auto; overflow:hidden;  padding:40px; }
.promotion{text-align:center; font-weight:400; padding:0 0 10px; clear:both;}
.promotion span{font-weight:600;}
.tabs{clear:both; margin:0 auto; float:left; overflow:hidden; height:auto;}
.tabs li{color:#fff; background:#3d3773; margin-right:3px; width:180px; line-height:60px; margin-bottom:10px; text-align:center; box-sizing:border-box; cursor:pointer;}
.tabs li.active{background:#e3354b;color:#fff;}
.tab_container{float:right; }
.col{width:235px; float:left; margin-left:20px; cursor:pointer;}
.col:first-child{margin-left:0px;}
.col h4{text-align:center; padding:10px 0;}
.col:hover h4{text-decoration:underline;}



.list_table{width:480px; height:auto; float:right; margin-left:20px;}
.list_table td{padding-bottom:7px;}
.list_table td.list{ width:370px; padding-left:10px; background-position:0% 50%; background-repeat:no-repeat; vertical-align:top; font-size:14px}
.list_table td.date{width:100px; text-align:center; color:#a27452;  vertical-align:top; font-size:14px}



#con_wrap_banner{width:100%; clear:both;}
.banners {clear:both; margin:0 auto; width:1280px; height:auto; overflow:hidden;}
.banners li{float:left; margin-right:20px; margin-top:20px;}
.banners li:nth-child(4){margin-right:0;}

/* 푸터 */
#footer {clear:both; width:100%;background:#333; height:220px;}
.ft_wrap{line-height:40px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.copy_list{clear:both; width:1280px; margin:0 auto; overflow:hidden; height:auto;}
.copy_list li{float:left; color:#ddd; font-size:14px;}
.copy_list li:after{content:" "; padding:0 10px;}
.copy_list li:last-child:after{content:"";}
.footer_box{width:1280px; margin:0 auto;}
.footer_bar { padding-top:12px; height:26px;}
.footer_bar li{float:left; margin-right:20px;}
.copy{color:#fff; float:left; padding-top:30px;}
.copy_list2{clear:both; padding-top:10px; color:#aaa; font-weight:300;}
.foo_h2{clear:both; float:left;}
.foo_h2 img{display:block;margin:70px 40px 0 0;}
.family::-ms-expand{display: none;}
.family{border:1px solid #ddd; background-color:#333; background:url(../images/arrow.png) no-repeat calc(100% - 10px) center;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; 
color:#ddd; padding:10px 30px 10px 10px; box-sizing:border-box; float:right; outline:none; margin:70px 20px 0 0;}









#con_wrap2{clear:both;}
#con_wrap3{width:1280px; margin:0 auto 0; padding:200px 0 80px; margin-bottom:18px; position:relative; overflow:hidden; height:auto; min-height:800px;}
#con_wrap01{width:1280px; margin:0 auto; padding:80px 0; margin-bottom:18px; position:relative; overflow:hidden; height:auto;}
#con_wrap3_wr{width:100%; position:relative}
 


/*
.login {float:left; background:url(../images/main/login_bg.gif) no-repeat; width:222px; height:264px;}
.login_title{font-size:24px; font-weight:bold; color:#7c7c7c; text-align:center; padding:16px 0 0 0;}
.login_title_black{color:#1f1f1f;}
.login_frm_div{text-align:center}
.login_form dt{margin:10px 0 5px 0}
.sound_only{display:inline-block; position:absolute; top:0; left:0; margin:0; padding:0; font-size:0; border:0; overflow:hidden;}
.login_id_pw{font-size:15px; color:#000; margin-bottom:6px; display:block; text-align:left;}
.frm_input  { width:160px; height:29px; border: solid 1px #bfbfbf; line-height:18px;}
.login_btn { width:162px; height:40px; font-size:16px; color:#fff; background:#e37c31; margin-top:10px; border:0  none; font-family:NanumGothic;cursor:pointer;}
.join_id_pw_find li{float:left; background:url(../images/main/login_stick.gif) 0 2px no-repeat; padding:0 0 0 7px; margin-top:8px}
.id_pw_find{color:#676767;}*/
/*common font color*/
.black{color:#000}
/*banner right 2개부분*/
.visu_banner li{padding-bottom:4px;}
.banner01{background:url(../images/main/banner01.jpg) no-repeat; padding:0 214px 129px 0; display:block;}
.banner01:hover{display:block;background:url(../images/main/banner01.jpg) 0 -129px no-repeat; padding:0 214px 129px 0;}
.banner02{background:url(../images/main/banner02.jpg) no-repeat; padding:0 214px 129px 0; display:block;}
.login2 { width:199px; height:122px; background:url(../images/main/banner9.jpg) no-repeat;  padding:14px 0 0 23px; float:left;}
.login_input { width:108px; height:auto;  margin-top:13px; float:left; clear:both;}
.login_input ul li { width:108px; float:left; padding-bottom:5px; font-size:11px; letter-spacing:-1px; font-size:12px; }
.etc_btn{ width:174px; margin-top:11px; text-align:left; color:#5f6164; float:left; clear:both; font-size:11px;}
.etc_btn a {cursor:pointer; }
.etc_btn a:link {color:#5f6164; text-decoration: none;}
.etc_btn a:hover {color:#5f6164; text-decoration: none;}
.etc_btn a:visited {color:#5f6164; text-decoration: none;}
.etc_btn caption { display:none; }
.logout {width:190px; padding:54px 0 0 20px; float:left; clear:both;}
.login_input2 { width:180x; height:auto;  padding-top:20px; float:left; clear:both;}
.login_input2 ul li { width:180px; float:left; padding-bottom:5px; font-size:11px; letter-spacing:-1px; font-size:12px;}
.ffu{ width:18px; height:11px; padding-top:20px; float:left;}
.login_input2 li.thy{width:68px;;}
.login_input2 li.thy2{ margin-top:1px;}
.banner_ii{ width:721px; height:68px; float:left; margin-top:20px;}
.banner1{width:222px; height:128px; float:left;}
.visual {width:500px; height:264px; float:left; margin-left:12px; }
.visual2{width:500px; height:22px;  float:left; background:url(../images/main/visu_bg.jpg) no-repeat; }
.visual2 li{margin-left:370px; width:130px;}
.rolling {float:left;}
.visu_banner {float:left; margin-left:12px; width:214px;}
.visu_banner li.secon{margin-top:6px;}
.ffo{width:130px; height:22px;  float:left;}
.script{ width:480px; height:158px; float:left; margin-left:18px; margin-right:18px; margin-bottom:21px; display:inline;}
.script li{ width:auto; float:left;}
.script li.sc_left{margin:72px 0 52px; float:left; position:absolute; z-index:2; display:inline;}
.script li.sc_right{margin:72px 0 52px; margin-left:451px; float:right; position:absolute; z-index:2; display:inline;}
.script li.sc_img{width:480px; float:left; position:absolute; z-index:1;}
.gonggi_title{font-size:17px; color:#383838; vertical-align:middle; float:left; padding:0 100px 20px 0 ;}
.more_btn{font-size:10px; font-weight:bold;}
.gonggi{padding:20px 0 0 10px;}
.gonggi li{float:left;}
.gonggi li .more_btn_a{float:left; color:#979797;}
.gonggi li.more2{ float:right;}
#con_wrap2 { position:relative;  width:100%; margin-top:15px;}
.con_wrap_wr2{width:960px; height:341px; margin:0 auto;}
.side_leftwrap { float:left; width:220px;  border-right:#d8d8d8 1px solid;}
.newsup{height:191px;border-bottom:#d8d8d8 1px solid; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.newsup p{}
.board_table{font-size:12.5px; clear:both;}
.board_table td{padding-bottom:12px; line-height:1;}
.board_table td.text {width:145px; color:#818181; text-align:left; padding-left:15px;}
.board_table td.text a {cursor:pointer; }
.board_table td.text a:link {color:#818181; text-decoration: none;}
.board_table td.text a:hover {color:#818181; text-decoration: none;}
.board_table td.text a:visited {color:#818181; text-decoration: none;}
.board_table td.text caption { display:none; }
.board_table td.date{width:50px; color:#799cad; text-align:center;}
.callcenter { background:url(../images/main/callcenter_bg.gif) no-repeat; height:156px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; padding-left:10px;}
.call_070{font-size:25px; color:#e66f18; padding-top:10px}
.call_AM_PM_FAX{font-size:15px; color:#414141; padding-left:3px; padding-bottom:2px}
.call_hyu{padding-left:3px;}
.call_font{font-size:17px; padding-top:22px; color:#383838;}
.popo{ width:2px; height:2px; float:left; margin-top:5px; margin-right:3px;}
.width_a{width:160px}
.midwrap {width:516px; height:337px; float:left;}

.tap0101{width:97px;}
.blit_1{ width:2px; height:2px; float:left; margin-top:7px; margin-right:5px;}
.font_size_5{}
.side_rightwrap {float:left; width:220px;  border-left:#d8d8d8 1px solid; border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.fm{height:244px;}
.school_title{font-size:17px; color:#383838;}
.ingi{width:202px; height:15px; float:left; margin-top:21px; margin:21px 9px 10px 9px;}
.ingi li.arrow{ float:right; margin-bottom:10px}
.ingi ul{width:202px; height:13px;}
.ingi li{ float:left;}
.ingi_pic{width:204px; height:181px; padding-top:14px; padding-left:9px; padding-right:9px; padding-bottom:12px;}
.ingi_name{width:202px; height:auto; float:left; margin-left:9px; margin-right:9px; display:inline;}
.fmtext_ti{color:#333333; font-weight:bold;}
.ingi_name li.wpt{padding-top:4px;}
.ingi_name ul.fmtext{width:202px; height:88px;}
.ingi_name ul.fmtext li{font-size:12px; line-height:16px; width:202px;}
.ingi_pic2{width:220px; height:195px; float:left; padding-top:14px; padding-bottom:12px;}
.ingi_pic2 table.susuk{width:220px; height:auto; float:left; text-align:center; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background-color:#ffebdb;}
.ingi_pic2 table.susuk th{width:220px; height:15px; font-size:13px; color:#000; padding-bottom:3px; padding-top:3px; }
.ingi_pic2 table.susuk td{width:auto; float:left; font-size:12px; line-height:20px; letter-spacing:1px; padding-left:5px;}
.susuk{width:220px; height:auto; float:left; font-size:12px; line-height:20px; letter-spacing:1px; padding-left:5px;}
.susuk li{float:left;}
.susuk li.suk1{padding-right:5px;}
.susuk li.suk2{width:40%;}
.fmtext_name{color:#fa7a12; font-weight:bold; padding-top:3px;}
.pa{padding-right:5px; padding-bottom:5px;}
.color { color:#fa7a12; font-weight:bold;}
/* 2015.1518 */
.ffm{background:url(../images/main/online_bg.gif) no-repeat; height:93px; padding: 15px 0 0 9px;border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; } 
.online_font{font-size:17px; padding-bottom:5px; color:#383838;}
.online_btn{background:url(../images/main/online_btn.gif) no-repeat; padding:0 0 0 15px; margin:10px 0 0 0; font-weight:bold;}
.online_A{padding-top:10px}