@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');


body#main ul{list-style: none; margin:0; padding:0}
.fake-link {display: none !important;}
header{width:100%; position: relative;}
.header-wrap{position: relative}
body#main header{position: absolute; top:0; left:0; z-index: 100;}
body#main header.on{background:#fff; transition: all 0.2s;}
header h1.logo {position: absolute; left:15px; top:18px; padding: 0; font-size:0;}
header h1.logo a{display:inline-block; vertical-align: middle;}
header h1.logo .main-logo i{display:block; vertical-align: middle; width:187px; height:54px;background:url(/images/common/main_logo_gray.png) no-repeat center; background-size:187px 54px;}
header h1.logo .sub-logo i{display:block; vertical-align: middle; width:199px; height:54px;background:url(/images/common/sub_logo_gray.png) no-repeat center; background-size:199px 54px;}

header .inner-header{max-width: 1170px; margin: 0 auto; position: relative; height:90px; padding: 0 15px;}
header .inner-header .user{position: absolute; top:35px; right:15px}
header .inner-header .user:after{clear:both; display:block; overflow:hidden; content:""; height:0}
header .inner-header .user .country-link{color:#888888; font-weight:bold; font-size:18px; float:left; margin-right:13px}
/*header .inner-header .user .country-link:after{content:""; display:inline-block; width:1px; height:20px; vertical-align:middle; background:#cccccc; margin-right:10px; margin-left:10px;} */    
header .inner-header .user .util-menu{float:left;}
header .inner-header .user .util-menu:after{clear:both; display:block; overflow:hidden; content:""; height:0}
header .inner-header .user .util-menu li{float:left; margin-right:15px;}
header .inner-header .user .util-menu li:first-child{margin-top:-6px}
header .inner-header .user .util-menu li:last-child{margin-right:0}
header .inner-header .user .util-menu li.facebook-link{position: relative}
header .inner-header .user .util-menu li i{display:inline-block; vertical-align: middle; width:19px; height:32px;}
header .inner-header .user .util-menu li i.facebook-icon{background:url(/images/common/ico/ico_facebook_off.png) no-repeat center; background-size:13px 24px;}
header .inner-header .user .util-menu li i.youtube-icon{background:url(/images/common/ico/ico_youtube_off.png) no-repeat center; background-size:22px 17px;}
header .inner-header .user .util-menu li i.BizOn-icon{background:url(/images/common/ico/ico_bizon_off.png) no-repeat center; background-size:21px 22px;}
header .inner-header .user .util-menu li i.BizOnHome-icon{background:url(/images/common/ico/ico_bizonhome_off.png) no-repeat center; background-size:19px 32px; width:19px; height:32px;}
header .inner-header .user .dropmenu{display:none;  width:165px; padding:5px 0; position: absolute; top:38px; left:-78px; background: #f8f8f8;border:1px solid #cccccc; 
border-radius:3px; text-align:center; z-index:10; color:#666; font-weight: normal; font-size: 16px}
header .inner-header .user .dropmenu.brochure{left:-48px; top:38px}
header .inner-header .user .dropmenu.youtube{left:77px; top:38px}
header .inner-header .user .dropmenu.bizon{left:114px; top:38px}
header .inner-header .user .dropmenu.bizonhome{left:13px; top:38px}
header .inner-header .user .dropmenu > span{width:8px; height:6px; position:absolute; top:-6px; left:50%; margin-left:-4px; background:url(/images/common/ico/ico_dropmenu_arrow.png) no-repeat center;}
header .inner-header .user .dropmenu.pdf{left:-40px}
header .inner-header .user .util-menu li a:hover .dropmenu{display:block}
header .inner-header .user .util-menu li.facebook-link i{width:13px; height:24px;}
header .inner-header .user .util-menu li i.youtube-icon{width:22px; height:17px;}
header .inner-header .user .util-menu li i.BizOn-icon{width:21px; height:22px;}
header .inner-header .user .util-menu li a i img{opacity: 0; display:block; vertical-align: middle; }
header .inner-header .user .util-menu li a:hover i img{opacity: 1; transition: all 0.3s;}
.eng-pdf{float:left; position: relative}
.eng-pdf > .country-link.on{color:#f97800!important}
.eng-pdf > .country-link.on .dropmenu{display:block}

.nav-btn-area{width:91px;margin-top:22px; z-index:10}
.nav-btn-area > ul:after{clear:both; display:block; overflow: hidden; content:""; height:0}
.nav-btn-area > ul li{float:left; border:1px solid #989898; box-sizing: border-box;}
header.on .nav-btn-area > ul li{float:left; border:1px solid #989898; box-sizing: border-box;}
header.on .nav-btn-area > ul li:first-child{border-right:0;}
.nav-btn-area > ul li:first-child{border-right:0}
.nav-btn-area > ul li a{display:block; }
.nav-btn-area i{display:inline-block; vertical-align: middle; width:44px; height:44px;}
.nav-btn-area .nav-btn-search i{background:url(/images/common/ico/ico_btn_search_gray.png) no-repeat center; background-size:44px 44px;}
.nav-btn-area .nav-btn-open i{background:url(/images/common/ico/ico_nav_open_gray.png) no-repeat center; background-size:44px 44px;}

header .gnb-area{position: relative; width: 100%; height:90px; *zoom: 1;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing: border-box;}
header ul{ list-style: none}
body#main  header .gnb-area {background: #f97800; border:none; border-top:1px solid #f97800; border-bottom:1px solid #f97800;}
body#main  header .gnb-area:after{clear:both; display:block; overflow:hidden; content:"";height:0}
body#main  header.on .gnb-area{box-sizing:border-box; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#fff; transition: all 0.2s;}
body#main  header.on .gnb-area .depth1 > li > a{color:#202020; font-size:20px; font-weight:bold; line-height:1; display:block;}
body#main  header.on .gnb-area .depth1 > li > a > span{font-family: 'NotoSans KR'; font-size:14px; font-weight: normal; display:block; margin-top: 10px; color:#666;}

body#main  header.on .gnb-area .depth1 > li > a strong {color:#202020;}
body#main  header.on .gnb-area .depth1 > li > a strong span {color:#666;}
header .gnb-area .gnb-menu .depth1 > li > a.tit-wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}
header .gnb-area .gnb-menu .depth1 > li > a strong {display: flex; color:#202020; font-size:18px; font-weight:bold; align-items: center; justify-content: center;}
header .gnb-area .gnb-menu .depth1 > li > a strong span {margin-left: 5px; font-family: 'NotoSans KR'; font-size:14px; font-weight: normal; display:block; color:#666;}


header .gnb-area .gnb-menu{display: flex; max-width: 1170px; margin: 0 auto;padding: 0 15px;font-family:'NanumSquare'; }
header .gnb-area .gnb-menu .depth1{padding-top:22px;}
header .gnb-area .gnb-menu .depth1:after{clear:both; display:block; overflow:hidden; content:""; height:0}
header .gnb-area .gnb-menu .depth1{display: flex; width:calc(100% - 91px);}

header .gnb-area .gnb-menu .depth1 > li{flex: 1; text-align:center;}
header .gnb-area .gnb-menu .depth1 > li:hover > a{position:relative;}
header .gnb-area .gnb-menu .depth1 > li:hover > a:before{position:absolute; content:""; width:69px; height:2px; background:#f97800; left:50%; bottom:-26px; transform: translateX(-50%)}
header .gnb-area .gnb-menu .depth1 > li > a{color:#202020; line-height:1; display:block;}
header .gnb-area .gnb-menu .depth1 > li > a > span{font-family: 'NotoSans KR'; font-size:14px; font-weight: normal; display:block; margin-top: 8px; color:#666;}
header .gnb-area .gnb-menu .gnb-draw{overflow: hidden; position: relative; z-index: 10; max-width: 1170px;padding: 40px 15px 163px 15px; margin: 0 auto;}
header .gnb-area .gnb-menu .gnb-draw:after{clear:both; display:block; overflow:hidden; content:""; height:0}
header .gnb-area .gnb-menu .gnb-draw .draw-title{box-sizing: border-box; float: left; width: 19%; height: 100%;}
header .gnb-area .gnb-menu .gnb-draw .draw-title h2{color:#202020; font-size:36px; font-weight:400;}
header .gnb-area .gnb-menu .gnb-draw .draw-title span {display: block; margin-top: 10px; color:#202020;  font-size:15px; font-weight:400; font-family: 'NotoSans KR';}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap{float: left; width:45%; height:auto; border-left:1px solid #ededed; box-sizing: border-box}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2{position: relative; width:100%;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li{display: flex; width:50%; margin-bottom:20px;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li:last-child{margin-bottom:0}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a{padding-left:20px; width:100%; color:#202020; font-size:17px;  position: relative; display:inline-block; font-family: 'NotoSans KR';}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a.on{color:#f97800; background:url(/images/common/ico/ico_nav_arrow_on.png) no-repeat center; background-size:6px 11px; background-position-x: 92%; background-position-y: 17%;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a > span{display: block; margin-top: 5px; color: #787878; font-size: 13px; font-family: 'NanumGothic';}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a > span.ch{display: inline-block; color:#202020; font-size:17px; font-family: 'NanumGothic';}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a > span.pa-l{padding-left: 15px;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a.none.on{color:#f97800; background:url('')}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap{position: absolute; top:0; right:0;z-index: 10; width:50%; max-width: 480px; border-left: 1px solid #ededed;height:initial; display:none}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap > ul.depth3 > li {margin-bottom:12px;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap > ul.depth3 > li:last-child{margin-bottom:0}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap > ul.depth3 > li > a{padding-left:20px; color:#666666; font-size:17px; display:inline-block;font-family: 'NanumGothic';}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap > ul.depth3 > li > a.on{text-decoration: underline;}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > .depth3-wrap > ul.depth3 > li > a span {display: block; margin-top: 5px; font-size: 13px;}

header .gnb-area .gnb-menu .gnb-draw-area{text-align: left;background-color: #fff; display:none;z-index:100; width:100%; left:0; top:89px; border-bottom:1px solid #cccccc;}
header .gnb-area .gnb-menu .gnb-draw-area:after{content:"";top: 0; bottom: 0; right:0; left:auto; width:39.3%; margin: auto; background-color: #f5f5f5;}
header .gnb-area .gnb-menu .gnb-draw-area p{color:#202020; font-size:14px; text-align:left; line-height:24px; margin-top:10px; letter-spacing: -0.5px; font-family: 'NanumGothic'; word-break: keep-all;}

.gnb-draw .draw-img-area{box-sizing: border-box; float:right; width: 36%; height: 100%;}
.gnb-draw .draw-img-area:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.gnb-draw .draw-img-area .inner-draw-img{float:right; width:360px;}
.gnb-draw .draw-img-area .inner-draw-img img{width:100%;}
.gnb-draw-area, .gnb-draw-area:after {position: absolute; left: 0; z-index: 1;}
.eng-pdf > .country-link.on{color:#f97800!important; font-size:21px!important}

/*전체메뉴*/
.gnb-wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.9); z-index:100}
.gnb-wrap .gnb{max-width: 1170px; padding:120px 15px 80px 15px; margin: 0 auto;font-family:'NanumSquare';}       
.gnb-wrap .gnb > .depth1{overflow-y:auto; max-height:600px;}
.gnb-wrap .gnb li{margin:0; padding:0; list-style: none}
.gnb-wrap .gnb > h2{ font-family:'NanumSquare'; font-weight:400; font-size:42px; text-align:center; color:#fff; margin-bottom:40px;}        
.gnb-wrap .gnb > h2 span {display: block; margin-top: 10px; color: #e19500; font-size: 18px; font-weight: 600; font-family:'NanumSquare';}
.gnb-wrap .gnb .depth1 > li:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.gnb-wrap .gnb .depth1 > li{position: relative; border-bottom:1px solid #888888; min-height:105px}
.gnb-wrap .gnb .depth1 > li:last-child{border-bottom:0}
.gnb-wrap .gnb .depth1 > li > a{display:block; width:205px; margin-top:35px; float:left;color:#ffffff; font-size:30px; vertical-align: top; text-align:left; padding-left:25px}
.gnb-wrap .gnb .depth1 > li > a span {display: block; margin-top: 10px; color: #e19500; font-size: 16px;}
.gnb-wrap .gnb .depth1 > li > .depth2{float:right; padding-bottom:25px; width: calc(100% - 230px); }
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu:after{clear:both; display:block; overflow:hidden; content:""; height:0;}
.gnb-wrap .gnb .depth1 > li > .depth2 > ul.depth2-menu {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; gap: 0 3.243%;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li{ margin-top:35px}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > a{color:#fff; font-size:18px;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > a > span{display: block; margin-top: 10px; color: #aaa; font-size: 14px; font-family: 'NanumGothic'; line-height: 20px;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > a > span.ch{display: inline-block; color:#fff; font-size:18px; margin-top: 0;}

.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > a > i{display:inline-block; width:18px; height:20px; margin-left:10px; vertical-align: middle; background:url(/images/common/ico/ico_link.png) no-repeat center;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li.on > a{color:#f97800;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3{margin-top: 20px;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li{font-family: 'NanumGothic';}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li:not(:last-child) {margin-bottom: 15px;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li a{color:#cccccc; font-size:16px; position: relative; padding-left:12px}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li a span {display: block; margin-top: 5px; padding-left: 12px; color: #aaa; font-size: 14px; font-family: 'NanumGothic';}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li a:before{content:""; position: absolute; top:10px; left:0; width:3px; height:3px; background: #cccccc;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > .depth3 > .depth3-menu li.on a{color:#f97800;}
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li:last-child > .depth3 > .depth3-menu li:last-child{margin-bottom:0}
.gnb-wrap .gnb .depth1 > li.introduce > a{margin-top:0}
.gnb-wrap .gnb .depth1 > li.introduce > .depth2{margin-top:0}
.dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background: #000;opacity: .8;}
.btn-nav-close{width:43px; height:43px; position: absolute; top:35px; right:40px;}

/*footer*/
footer{width:100%; position: relative; background:#454545;}
footer ul{list-style: none}
.footer-wrap{width:100%; background:#3e3e3e;}
.footer-wrap .link-info{max-width: 1170px; margin: 0 auto;padding: 0 15px;}
.footer-wrap .link-info ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.footer-wrap .link-info ul li{float:left; padding:20px 0; margin-right:2.5%; color:#cccccc; text-align:center;} 
.footer-wrap .link-info ul li:last-child{margin-right:0}
.footer-wrap .link-info ul li a{color:#cccccc; font-size:13px; display:block;}
.footer-wrap .link-info ul li.first a{color:#f3953e}
.footer-info{max-width: 1170px; margin: 0 auto;padding:35px 15px 55px 15px;}
footer .footer-info .footer-logo {display:table-cell; padding-right:20px; width:145px;}
footer .footer-info .footer-logo i{display:inline-block; vertical-align: middle; width:160px; height:44px; margin-top:6px; background:url(/images/common/footer_logo.png) no-repeat center; background-size:160px 44px }
footer .footer-info .footer-txt{color:#cccccc; font-size:14px;display:table-cell; line-height:28px; vertical-align: middle;}
footer .footer-info .footer-txt ul li{display:inline;}
footer .footer-info .footer-txt ul li a{color:#cccccc;}
footer .footer-info .footer-txt ul li:first-child:before{background:0; margin:0}
footer .footer-info .footer-txt ul li:before{content:""; display:inline-block; width:1px; height:12px; margin-left:10px; margin-right:10px; vertical-align:middle; background:#aaaaaa}
footer .footer-info .footer-txt .copyright{color:#aaaaaa;}
.footer-info .sns-link{display:table-cell; width:290px; text-align:right;}
.footer-info .sns-link ul > li{display:inline-block; margin-right:8px;}
.footer-info .sns-link ul > li:last-child{margin-right:0}
.footer-info .sns-link ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}

.m-header-wrap{display:none;}
.m-footer{display:none;}

.content {max-width: 1170px; margin: 0 auto;padding:80px 15px;}
.page-title h2{font-size:42px; color:#202020; font-family:'NanumSquare'; text-align:center;}
.history-link{text-align:center; margin-top:20px;}
.history-link a.home i{display:inline-block; vertical-align:middle; width:14px; height:13px;background:url(/images/common/ico/ico_home.png) no-repeat center; background-size:14px 13px}
.history-link a{color:#666; font-size:14px;}
.history-link i{display:inline-block; vertical-align:middle; width:6px; height:11px; background:url(/images/common/ico/ico_history_arrow.png) no-repeat center; background-size:6px 11px;
padding-right: 6px; margin-left:5px;}

.layout-basic-content{margin-top:80px;}
.layout-basic-content-2{margin-top:100px;}


.btn-quick-menu {position: relative; display:block}
.btn-quick-menu i{display:inline-block; width:58px; height:58px; background:url(/images/common/btn/btn_quick.png) no-repeat center; background-size:58px;}
.layout-scroll-menu{position: fixed; z-index: 28; right: 1rem; bottom: 3%; /*overflow: hidden; */opacity: 1;}
.layout-scroll-menu-gotop {width:58px; height:58px;display:block;}
.layout-scroll-menu-gotop i{display:block; width:58px; height:58px;background:url(/images/common/btn/btn_top.png) no-repeat center;  background-size:58px }
.quick-content{background: #f97800; border-radius: 3px; box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.8); position: absolute; bottom:60px; right:0; display:none}
.quick-content .inner-quick-content{padding:20px 20px 50px 20px; position: relative}
.quick-content .quick-tit{color:#fff; padding-bottom:20px; border-bottom:1px solid #fcbc80; }
.quick-content .quick-tit strong{font-weight:normal; font-size:20px; letter-spacing:-0.5px;}
.quick-content .quick-tit .btn-quick-set{display:inline-block; padding-left:16px;}
.quick-content .quick-tit .btn-quick-set i{display:inline-block; vertical-align:middle; width:20px; height:19px;background:url(/images/common/ico/ico_quick_img1.png) no-repeat center;  background-size:20px 19px}
.quick-content .quick-cont{padding-top:20px;}
.quick-content .quick-cont .menu-txt{color:#fff; font-size:18px;line-height:24px}
.quick-content .quick-cont .menu-txt .btn-quick-add{margin:30px auto 10px auto; min-width:150px; border:1px solid #fff; height:45px; line-height:45px; text-align:center; color:#fff; display:block;}
.quick-content .btn-quick-close{display:block; position: absolute; bottom:20px; right:20px;}
.quick-content .btn-quick-close i{display:inline-block; vertical-align:middle; width:16px; height:16px;background:url(/images/common/btn/btn_quick_close.png) no-repeat center;  background-size:16px 16px}
.quick-content .quick-list{min-width:150px;}
.quick-content .quick-list li{margin:0; padding:0; list-style:none;}
.quick-content .quick-list li a{line-height:36px; color:#fff; font-size:18px; margin-left:10px; letter-spacing: -0.5px; }
.quick-content .quick-list li:before{content:""; display:inline-block; width:1px; height:1px;vertical-align:middle; background:#fff}

.quick-wrap{width:100%; position: fixed; top:0; background-color: rgba(0, 0, 0, 0.9); z-index:100; display:none; height:100%}
.quick-wrap .quick-cont{padding:270px 15px; max-width: 1170px; margin: 0 auto;}
.quick-wrap .quick-cont h2{font-size:42px; color:#ffffff; font-weight:400; font-family:'NanumSquare';text-align:center;  }
.quick-wrap .quick-cont .quick-list{margin:60px 0 30px 0 !important; width:100%; border-bottom:1px solid #ffffff; }
.quick-wrap .quick-cont .quick-list > li{width:20%; text-align:left; display:inline-block; padding-bottom:25px; margin-left:-4px}
.quick-wrap .quick-cont .txt-type{color:#ffffff; font-size:16px}
.quick-wrap .quick-btn{text-align:center; margin-top:50px;}
.quick-wrap .quick-btn .btn{width:100px; height:46px; line-height:44px; font-size:18px; color:#fff; border-radius: 5px; box-sizing: border-box;font-family:'NanumSquare'}
.quick-wrap .quick-btn .btn-save{background: #f97800; border:1px solid #f97800; margin-right:10px}
.quick-wrap .quick-btn .btn-cancel{border:1px solid #fff; background: none}
/*checkbox*/ 
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#555; font-size:16px;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
}
.checkbox label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}
.check-type1 label .check-image{display:inline-block; width:12px;height:12px; background-image: url(/images/common/ico/ico_chk_type1_unchecked.png);background-repeat: no-repeat;
cursor: pointer; vertical-align:middle; background-size:12px; margin-right:10px}
.check-type1 label span{word-break: break-all; color:#fff}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/images/common/ico/ico_chk_type1_checked.png);}
.rss-btn {display: inline-block; vertical-align: middle;}


.search-area{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none; background-color: rgba(0, 0, 0, 0.9);}
.search-area .search-box .content-section{position:relative;}
.search-area .search-box .content-section a.search-close{display:block; width:20px; height:20px; background:url('/images/common/btn/btn_nav_close.png') center no-repeat; 
position:absolute; top:35px; right:40px; text-indent:-9999px}
.search-form{border-bottom:1px solid #fff; position:relative; padding-top:440px; width:800px; margin:0 auto;}
.search-form input::-webkit-input-placeholder{text-align:center; color:#fff;    font-family: 'NanumGothic';}
.search-form input::-moz-placeholder{text-align:center;color:#fff;    font-family: 'NanumGothic';}
.search-form input:-ms-input-placeholder{text-align:center;color:#fff;    font-family: 'NanumGothic';}
.search-form input:-moz-placeholder{text-align:center;color:#fff;    font-family: 'NanumGothic';}
.search-form input{display:block; width:100%; background:rgba(0, 0, 0, 0); border:0; font-size:20px; line-height:48px; color:#fff; outline:none; padding:10px 20px; 
width:95%; box-sizing:border-box;}
.search-form button{margin:0; padding:0; text-indent:-9999px; width:36px; height:36px; background:url('/images/common/btn/btn_search_box.png') no-repeat; cursor:pointer; display:block;
border:0; position:absolute; bottom:12px; right:0;}

.error-wrap{position:relative; width:100%; height:100%; background:#fff;}
.error-inner{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.error-inner .error-cont{display:inline-block; vertical-align:middle; font-family: 'NanumSquare';}
.error-inner .logo{width:342px; margin-bottom:20px;}
.error-inner .logo img{width:100%;}
.error-inner .error-cont .error-item{border:1px solid #ccc; padding:50px 40px 50px 40px;}
.error-inner .error-cont .error-item span{color:#202020; font-size:24px; display:block; font-weight:bold; margin:15px 0;}
.error-inner .error-cont .error-item p{font-size:18px; color:#666; line-height:32px;}
.error-inner .blank{display:inline-block; width:0; height:100%; vertical-align:middle;}
.history-link{margin-bottom:80px}
.inner-history-link span{vertical-align:middle; word-break: keep-all;}

.content-sub-title{font-size: 22px; display:block; font-weight: 500; margin-top:10px; color: #202020; font-family: 'NanumSquare'; text-align: center; font-weight: 700;
}

.content-undergraduate .history-link{margin-bottom:0}
.page-lang{display:flex; justify-content: end;}
li.lang-select > button {font-size: 14px; color: #fff; background: #444444;width:73px !important; padding:4px 0;border-radius: 20px;font-family: 'NanumSquare';font-weight: 700;     transform: skew(-0.1deg);}
li.lang-select > button  span{font-size: 14px; vertical-align: middle;}
li.lang-select button i.lang-earth {width: 15px !important; height: 15px !important; margin-right:4px; background: url('/images/common/ico/ico_language.png')no-repeat center;}

/* 언어선택 */
.page-lang { display: flex; align-items: center; justify-content: flex-end;}
.page-lang li button {font-size: 15px;  padding: 7px 16px;color: #666666; box-sizing: border-box; font-weight: 700; background: #f1f2f4; font-family: 'NanumSquare'; 
    border:0; transform: skew(-0.1deg);}

.page-lang li button.on {color: #fff; background: #888;}
.content-introduce-greetings .language-content{margin-top:50px}
.content-introduce-greetings .history-link{margin-bottom: 0;}

@media all and (min-width:992px) and (max-width:1183px){
header .gnb-area {height: 7.61vw;}
header .gnb-area .gnb-menu .depth1 > li:hover > a:before {bottom: -2.2vw;}
header .gnb-area .gnb-menu .depth1 {width: calc(100% - 7.69vw); padding-top: 1.86vw;}
header .gnb-area .gnb-menu .depth1 > li > a strong {font-size: 1.52vw;}
header .gnb-area .gnb-menu .depth1 > li > a strong span {margin-top: 0.42vw; font-size: 1.18vw;}
header .gnb-area .gnb-menu .depth1 > li > a > span {margin-top: 0.68vw; font-size: 1.18vw;}
.nav-btn-area > ul {display: flex;}
.nav-btn-area {width: 7.69vw; margin-top: 1.86vw;}
.nav-btn-area i {width: 3.72vw; height: 3.72vw;}
.nav-btn-area .nav-btn-search i {width: 3.72vw; height: 3.72vw;}
.nav-btn-area .nav-btn-open i {width: 3.72vw; height: 3.72vw;}
header .gnb-area .gnb-menu .gnb-draw-area {top: 7.52vw;}
}
@media all and (max-width:1060px){
header .gnb-area .gnb-menu .depth1 > li:nth-child(4) > a > span {font-size: 11px;}
}

@media all and (max-width:1050px){
header .gnb-area .gnb-menu .gnb-draw .draw-title{width:16%}
header .gnb-area .gnb-menu .gnb-draw .depth2-wrap ul.depth2 > li > a{width:84%;}
}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px) {
.gnb-wrap .gnb .depth1 > li > .depth2 > .depth2-menu > li > a{font-size:16px;}
}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.quick-wrap{display:none}
.header-wrap{display:none;}
footer{display:none;}
.m-header-wrap{display:block; position: relative; width:100%;}
.m-header-wrap .m-header{ z-index: 100; width:100%;}
.m-header-wrap .m-header .user{max-width: 1170px; margin: 0 auto; position: relative; height: 60px; padding: 0 15px; background:#ededed; display: flex; justify-content: end; align-items: center;}
.m-header-wrap .m-header .user .country-link{color:#888; font-weight:bold; font-size:23px; padding-right: 20px;}
.m-header-wrap .m-header .user .country-link i{display:inline-block; vertical-align: middle; width:36px; height:34px;background:url(/images/common/ico/ico_english_gray.png) no-repeat center; 
background-size:36px 34px;}
.m-header-wrap .m-header .user .util-menu{}
.m-header-wrap .user .util-menu {list-style:none;}
.m-header-wrap .user .util-menu li{float:left; margin-right:20px;}
.m-header-wrap .user .util-menu li:last-child{margin-right:0;}
.m-header-wrap .user .util-menu li.facebook-link{position: relative}
.m-header-wrap .user .util-menu li.facebook-link .dropmenu{display:none;}
.m-header-wrap .user .util-menu li i{display:inline-block; vertical-align: middle; width:22px; height:32px;}
.m-header-wrap .user .util-menu li i.facebook-icon{background:url(/images/common/ico/ico_facebook_off.png) no-repeat center; background-size:13px 24px;}
.m-header-wrap .user .util-menu li i.youtube-icon{background:url(/images/common/ico/ico_youtube_off.png) no-repeat center; background-size:22px 17px;}
.m-header-wrap .user .util-menu li i.BizOn-icon{background:url(/images/common/ico/ico_bizon_off.png) no-repeat center; background-size:21px 22px;}
.m-header-wrap .user .util-menu li i.BizOnHome-icon{background:url(/images/common/ico/ico_bizonhome_off.png) no-repeat center; background-size:19px 32px;}
.m-header-wrap .m-inner-header{display: flex; width: 100%; height:120px; padding: 0 15px; border-bottom:1px solid #cccccc; align-items: center; justify-content: space-between; box-sizing: border-box;}
.m-header-wrap .m-inner-header .logo{}
.m-header-wrap .m-inner-header h1.logo a{display:inline-block; vertical-align: middle;}
.m-header-wrap .m-inner-header h1.logo .main-logo i{display:block; vertical-align: middle; width:187px; height:54px;background:url(/images/common/main_logo_gray.png) no-repeat center; background-size:187px 54px;}
.m-header-wrap .m-inner-header h1.logo .sub-logo i{display:block; vertical-align: middle; width:199px; height:54px;background:url(/images/common/sub_logo_gray.png) no-repeat center; background-size:199px 54px;}

.m-header-wrap .m-inner-header .nav-btn-area{margin-top:0px; margin-right:0px; width:auto;}
.m-header-wrap .m-inner-header .nav-btn-area > ul{list-style:none;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li{border:none; margin-right:15px;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li:last-child{margin-right:0}
.m-header-wrap .m-inner-header .nav-btn-area i{display:inline-block; vertical-align: middle; width:44px; height:44px;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li .m-nav-btn-search i{background:url(/images/common/ico/ico_btn_search_gray.png) no-repeat center; background-size:44px 44px;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li .m-nav-btn-open i{background:url(/images/common/ico/ico_nav_open_gray.png) no-repeat center; background-size:44px 44px;}

.m-header-wrap .m-header-active .m-inner-header .nav-btn-area > ul li .m-nav-btn-open i{width:44px; height:44px;
background:url(/images/common/ico/ico_nav_close.png) no-repeat center; background-size:24px;}

.m-footer{display:block; background:#454545;}
.m-footer ul.link-info {list-style:none}
.m-footer ul.link-info li{float:left; width:50%;}
.m-footer ul.link-info li a{height:80px; line-height:80px; display:block; text-align:center; color:#cccccc; font-size:24px;}
.m-footer ul.link-info li.first a{color:#f3953e}
.m-footer ul.link-info:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.m-footer .footer-info{text-align:center;color:#aaaaaa; }
.m-footer .footer-info .copyright{margin-bottom:20px;}
.m-footer .footer-info .footer-logo {margin-bottom:15px;}
.m-footer .footer-info .footer-logo i{display:inline-block; vertical-align: middle; width:160px; height:44px;background:url(/images/common/footer_logo.png) no-repeat center; background-size:160px 44px }
.m-footer .footer-info ul.sns-link{text-align:center; display:inline;}
.m-footer .footer-info ul.sns-link li{display:inline; margin-right:10px;}
.m-footer .footer-info ul.sns-link li:last-child{margin-right:0}


.page-title h2{font-size:62px;}
.history-link{margin-top:40px; margin-bottom:80px;}
.history-link a.home i{width:25px; height:25px;background:url(/images/common/ico/ico_home.png) no-repeat center; background-size:25px 24px;vertical-align: middle;}
.history-link a{font-size:26px;}
.history-link span{height:26px; line-height:26px;}
.history-link i{width:10px; height:26px;background:url(/images/common/ico/ico_history_arrow.png) no-repeat center; background-size:10px 19px;
padding-right:14x; margin-left:13px; vertical-align: middle;}

.btn-quick-menu{display:none}
.layout-scroll-menu-gotop{margin-top:0}

.m-gnb-area{position:absolute;top:120px;left: 0; width: 100%; min-height:100%; background-color: #ffffff; display:none; padding: 0 15px; box-sizing: border-box;  z-index:1000; border-bottom:1px solid #ccc;}
.m-gnb-area .gnb-menu{padding:30px 0;}
.m-gnb-area .gnb-menu li{margin:0; padding:0; list-style:none;}
.m-gnb-area .depth1 > li{padding:30px 0;}
.m-gnb-area .depth1 > li > a > span{display: inline-block; margin-left: 20px; coloR: #666; font-size: 34px; font-family: 'NotoSans KR'; vertical-align: middle;}
.m-gnb-area .depth1 > li > a > span.en {display: block; margin-left: 0; margin-top: 10px; font-size: 24px;}
.m-gnb-area .depth1 > li > a{display:block; color:#202020; font-size:46px; background: url(/images/common/ico/ico_nav_open_off.png) no-repeat right center;background-size: 44px; font-family: 'NanumSquare';}
.m-gnb-area .depth1 > li > a.on{ background: url(/images/common/ico/ico_nav_open_on.png) no-repeat right center; color:#f97800}
.m-gnb-area .depth1 > li > .depth2-wrap{display:none; background: #f1f2f4; padding:0 30px; margin-top:30px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li{padding:40px 0; border-bottom:1px solid #e7e7e7;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a{color:#202020; font-size:32px;font-family:'NanumSquare'; font-weight:600 }
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a > span{font-family: 'NanumGothic'; font-size:28px}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a > span.en {display: block; margin-top: 7px; color: #767676; font-size: 24px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap{margin-top:10px}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; margin-top: 10px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li{display:inline-block; margin-right:20px; margin-top:10px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li:last-child{margin-right:0}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li > a{color:#444444; font-size:28px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li > a.on{color:#f97800; border-bottom:1px solid #f97800} 
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li > a span.en {display: block; margin-top: 5px; font-size: 12px;}

.search-form{padding-top:440px; width: calc(100% - 30px);} 

.error-inner .logo{width:100%; text-align:left}
.error-inner .logo img{width:342px; height:48px}
.error-inner{padding:0 15px; width:auto}

.page-lang{justify-content: center; margin-top:20px;}
.content-introduce-greetings .language-content{margin-top:0}

}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.content {padding:80px 30px;}
.content-college-activity-gallery{margin-top:80px; padding:0 30px}
}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.m-gnb-area{position:absolute;top:60px;left: 0; }
.m-header-wrap .m-header .user{height:30px; padding: 0 15px;}
.m-header-wrap .m-header .user .country-link{font-size:14px; }
.m-header-wrap .m-header .user .country-link i{width:18px; height:16px;background:url(/images/common/ico/ico_english_gray.png) no-repeat center; background-size:18px 16px;}
.m-header-wrap .user .util-menu li{margin-right:14px;}
.m-header-wrap .user .util-menu li i.facebook-icon{width:10px; height:16px; background:url(/images/common/ico/ico_facebook_off.png) no-repeat center; background-size:10px 16px;}
.m-header-wrap .user .util-menu li i.youtube-icon{width:17px; height:12px; background:url(/images/common/ico/ico_youtube_off.png) no-repeat center; background-size:17px 12px;}
.m-header-wrap .user .util-menu li i.BizOn-icon{width:15px; height:16px; background:url(/images/common/ico/ico_bizon_off.png) no-repeat center; background-size:15px 16px;}
.m-header-wrap .user .util-menu li i.BizOnHome-icon{width:14px; height:23px; background:url(/images/common/ico/ico_bizonhome_off.png) no-repeat center; background-size:14px 23px; margin-top:2px;}
.m-header-wrap .user .util-menu li:last-child{margin-right:0}
.m-header-wrap .m-inner-header{height:60px; background:none; position: relative}
.m-header-wrap .m-inner-header .logo img{width:103px; height:30px}

.m-header-wrap .m-inner-header h1.logo .main-logo i{display:block; vertical-align: middle; width:100px; height:30px;background:url(/images/common/main_logo_gray.png) no-repeat center;
background-size:100px 30px;}
.m-header-wrap .m-inner-header h1.logo .sub-logo i{display:block; vertical-align: middle; width:107px; height:30px;background:url(/images/common/sub_logo_gray.png) no-repeat center; 
background-size:107px 30px;}

.m-header-wrap .m-inner-header .nav-btn-area:after{clear:both; display:block; overflow:hidden; content:""; height:0; }
.m-header-wrap .m-inner-header .nav-btn-area > ul li{margin-right:0 !important;}
.m-header-wrap .m-inner-header .nav-btn-area i{display:inline-block; vertical-align: middle; width:33px; height:32px;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li .m-nav-btn-search i{background:url(/images/common/ico/ico_btn_search_gray.png) no-repeat center; background-size:33px 32px;}
.m-header-wrap .m-inner-header .nav-btn-area > ul li .m-nav-btn-open i{background:url(/images/common/ico/ico_nav_open_gray.png) no-repeat center; background-size:32px 32px;}

.m-footer .footer-info{padding:30px 15px; font-size:14px;}
.m-footer ul.link-info li a{height:40px; line-height:40px;font-size:12px;}

.layout-scroll-menu-gotop{width:49px; height:49px}
.layout-scroll-menu-gotop i{display:block; width:49px; height:49px;background:url(/images/common/btn/btn_top.png) no-repeat center;  background-size:49px}

.content{padding:40px 15px;}
.page-title h2{font-size:30px;}
.history-link{margin-top:20px; margin-bottom:40px;}
.history-link a.home i{width:15px; height:15px;background:url(/images/common/ico/ico_home.png) no-repeat center; background-size:15px 15px;vertical-align: middle;}
.history-link a{font-size:13px;}
.history-link span{height:20px; line-height:20px;}
.history-link i{width:5px; height:9px;background:url(/images/common/ico/ico_history_arrow.png) no-repeat center; background-size:5px 9px;
padding-right:6x; margin-left:5px; vertical-align: middle;}

.m-header-wrap .m-header-active .m-inner-header .nav-btn-area > ul li .m-nav-btn-open i{width:33px; height:32px;
background:url(/images/common/ico/ico_nav_close.png) no-repeat center; background-size:18px;}
.m-gnb-area .gnb-menu li{margin:0; padding:0; list-style:none;}
.m-gnb-area .depth1 > li{padding:0 0 30px 0;}
.m-gnb-area .depth1 > li:last-child{padding-bottom:0}
.m-gnb-area .depth1 > li > a{font-size:24px; background: url(/images/common/ico/ico_nav_open_off.png) no-repeat right center;background-size:22px;}
.m-gnb-area .depth1 > li > a.on{ background: url(/images/common/ico/ico_nav_open_on.png) no-repeat right center; color:#f97800; background-size:22px}
.m-gnb-area .depth1 > li > .depth2-wrap{padding:0 20px; margin-top:20px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li{padding:20px 0;;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a{font-size:17px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a > span{font-size: 15px}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > a > span.en {font-size: 12px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap{margin-top:0}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li{display:inline-block; margin-right:20px;}
.m-gnb-area .depth1 > li > .depth2-wrap > .depth2 > li > .depth3-wrap > .depth3 li > a{color:#444444; font-size:15px;}
.m-gnb-area .depth1 > li > a > span{font-size:17px; margin-left:10px;}
.m-gnb-area .depth1 > li > a > span.en {margin-top: 5px; font-size: 13px;}
.rss-btn {vertical-align: sub;}
.rss-btn img {width: 30px;}
.layout-basic-content{margin-top:40px;}

.search-area .search-box .content-section a.search-close{position:absolute; top:15px; right:20px;}
.search-form{border-bottom:1px solid #fff; position:relative; padding-top:300px;}
.search-form input{font-size:16px; line-height:32px; color:#fff; outline:none; padding:5px 12px;}
.search-form button{width:25px; height:25px; background:url('/images/common/btn/btn_search_box.png') no-repeat; background-size:25px;}



.tab-menu ul li a{font-size:17px !important; transform: skew(-0.1deg);}
.content-college-activity-gallery{margin-top:40px; padding:0 15px}
.content-sub-title{font-size: 18px; margin-top: 5px;}

li.lang-select > button{width:60px !important; padding: 1px 0;}
li.lang-select > button span{font-size: 13px;}
li.lang-select button i.lang-earth{width: 12px !important; height: 12px !important; background-size: 100%;}
.page-lang li button{font-size: 13px; padding: 5px 10px;}
}

@media all and (max-width:405px){
.tab-menu ul li a {font-size:4.096vw !important;}
}
@media all and (max-width:340px){
.tab-menu ul li a {font-size: 3.8vw !important;}
}