@charset "utf-8";


/* Animation */
.user #wrap,
.user .layout,
.user .bannerzone .control a.btn_left,
.user .bannerzone .control a.btn_right,
.user .bannerzone .today_check .btn_close,
.user .bannerzone .move ul li a:before,
.user #header,
.user #header h1,
.user #header #global,
.user #header #gnb ul li,
.user #header #gnb ul li ul li a:after,
.user #header #gnb ul li a span,
.user #footer,
.user #footer .relate_site,
.user #footer .relate_site li a,
.user #footer .relate_site li a:after,
.user #footer .menu,
.user #footer .menu li,
.user #footer address,
.user #footer .copyright,
.user#sub #visual,
.user#sub #container,
.user#sub #container #remote,
.user#sub #container #remote .js_menu ul li,
.user#sub #container #remote .js_menu ul li a
{transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}



/* //////////////////////////////////////////////////////////////////////////////

	layout

////////////////////////////////////////////////////////////////////////////// */
body{position:relative; width:100%;}
body.fixed{position:fixed;}
.js_mobile_check{display:none;}
.user #wrap{position:relative; overflow:hidden; padding-top:145px;}
.user .layout{position:relative;max-width: 1440px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
.user .layout:after{content:""; display:block; clear:both;}
.user .top_btn{display:none; width:44px; height:44px; line-height:44px; opacity:0.7; -webkit-opacity:0.7; font-size:14px; border:1px solid #fff; text-decoration:none; background:#333; text-align:center; overflow:hidden; position:fixed; right:40px; bottom:48px; z-index:101; color:#fff;}



/* //////////////////////////////////////////////////////////////////////////////

	bannerzone

////////////////////////////////////////////////////////////////////////////// */
.user .bannerzone{overflow:hidden; position:relative; z-index:991; display:none; height:150px; background:#767e8e; width:100%;}
#sub.user .bannerzone{display:none !important;}

.user .bannerzone .control{height:0;}
.user .bannerzone .control a[class*="btn_"]{display:inline-block; vertical-align:top; position:relative; width:10px; height:10px; border:0; right:auto; bottom:0; top:95px;}
.user .bannerzone .control a[class*="btn_"] span{overflow:hidden; position:absolute; line-height:1px; font-size:1px; text-indent:-30000px; left:auto; top:auto; width:0; height:0;}
.user .bannerzone .control a.btn_left,
.user .bannerzone .control a.btn_right{opacity:0.4; -webkit-opacity:0.4; position:absolute; top:46px; z-index:20; width:15px; height:36px; background:url(../../../images/site/kor/layout/bannerzone_arrow.png) no-repeat left top !important;}
.user .bannerzone .control a.btn_left{left:50%; margin-left:-590px;}
.user .bannerzone .control a.btn_right{
	right:50%; margin-right:-590px;
	transform:rotateY(180deg); -webkit-transform:rotateY(180deg);
}
.user .bannerzone .control a.btn_left:hover,
.user .bannerzone .control a.btn_left:active,
.user .bannerzone .control a.btn_right:hover,
.user .bannerzone .control a.btn_right:active{opacity:1; -webkit-opacity:1;}
.user .bannerzone .control a.btn_play,
.user .bannerzone .control a.btn_stop{top:120px; width:10px; height:15px;}
.user .bannerzone .control a.btn_play{display:none; background:url(../../../images/site/kor/main/control_btn_play.png) no-repeat left top;}
.user .bannerzone .control a.btn_stop{background:url(../../../images/site/kor/main/control_btn_stop.png) no-repeat left top;}

.user .bannerzone .control ul{position:relative; top:120px; bottom:auto; display:inline-block; width:auto; height:15px; text-align:center;}
.user .bannerzone .control ul li{margin-right:12px; vertical-align:top;}
.user .bannerzone .control ul li:first-child{margin-left:0;}
.user .bannerzone .control ul li a{
	display:block; width:15px !important; height:15px; background:#8c9aaf;
	border-radius:50%; -webkit-border-radius:50%;
}
.user .bannerzone .control ul li a.on{background:#e4e5e8;}

.user .bannerzone .move{position:relative; left:auto; top:auto; max-width:1180px; height:112px; margin:0 auto;}
.user .bannerzone .move ul li{padding:0 15px; background-color:#767e8e; box-sizing:border-box;}
.user .bannerzone .move ul li [class*="ban_"]{float:left; width:50%; height:100%; padding:25px 25px 0; text-align:center; box-sizing:border-box;}
.user .bannerzone .move ul li .ban_one{position:relative;}
.user .bannerzone .move ul li .ban_one:after{content:""; opacity:0.4; position:absolute; top:40px; right:0; width:1px; height:55px; background-color:#fff;}
.user .bannerzone .move ul li a{display:inline-block; max-width:100%; padding-left:88px; background:none; cursor:pointer; border:0; text-decoration:none; text-align:left; box-sizing:border-box;}
.user .bannerzone .move ul li a:before{content:""; position:absolute; top:8px; left:0; width:65px; height:65px; background:url(../../../images/site/kor/layout/bannerzone_com_icon.png) no-repeat left top;}
.user .bannerzone .move ul li a em{opacity:0.6; display:block; line-height:19px; font-style:normal; font-size:16px; font-weight:500; color:#000;}
.user .bannerzone .move ul li a .tt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:26px; line-height:32px; color:#fff;}
.user .bannerzone .move ul li a .date{opacity:0.7; overflow:hidden; position:static; left:auto; top:auto; width:auto; max-width:100%; height:auto; margin-left:0; font-size:17px; font-weight:300; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:#fff;}

.user .bannerzone .today_check{position:absolute; right:50%; bottom:10px; z-index:1; margin-right:-590px;}
.user .bannerzone .today_check input{position:absolute; left:2px; top:8px; width:12px; height:12px; margin-right:0;}
.user .bannerzone .today_check label{position:relative; display:inline-block; line-height:18px; padding-left:26px; vertical-align:middle; cursor:pointer; font-size:17px; font-weight:300; color:#fff;}
.user .bannerzone .today_check label:before{content:""; position:absolute; left:7px; top:9px; z-index:10; display:block; width:0; height:0; background:#fff;}
.user .bannerzone .today_check label:after{content:""; position:absolute; left:0; top:2px; display:block; width:13px; height:13px; background:#767d8e; border:1px solid #fff;}
.user .bannerzone .today_check input:checked+label:before{left:3px; top:5px; width:9px; height:9px;}
.user .bannerzone .today_check .btn_close{display:inline-block; height:28px; line-height:26px; margin-left:20px; padding:0 15px; vertical-align:top; background-color:#92a1b7; font-size:14px; text-decoration:none; color:#fff;}
.user .bannerzone .today_check .btn_close:hover{background-color:#444c58;}



/* //////////////////////////////////////////////////////////////////////////////

	header

////////////////////////////////////////////////////////////////////////////// */
.user #slide_map{display:none;}
.user #header{position:absolute; left:0; top:0; z-index:990; width:100%; height:145px; box-sizing:border-box;} 
.user #header .layout{height:100%;}
.user #header h1{position:absolute;left:50%;top:62px;z-index:51;margin-left: -702px; } 
.user #header h1 a{display:block; font-size: 22px; font-weight: 600; color: #000; text-decoration: none; display: flex; align-items: center;}
.user #header h1 a span{display:inline-block; width:210px;height:66px; background:url(../../../images/site/nsurotc/layout/logo.png) no-repeat left center; 
	background-size:100% auto; overflow:hidden; text-indent:-9999px; margin-right: 15px;}


.user #header #global{width:100%; height:40px; background-color:#323439;}
.user #header #global .site_link{overflow:hidden; position:relative; z-index:1; float:left;}
.user #header #global .site_link li{float:left; border-right:1px solid #323439;}
.user #header #global .site_link li a{display:block; height:40px; line-height:40px; padding:0 15px; background-color:#47494d; text-decoration:none; font-size:14px; font-weight:300; color:#f1f1f1; box-sizing:border-box;}
.user #header #global .site_link li a:hover{text-decoration:underline;}
.user #header #global .join{float:right; position:relative; z-index:1;}
.user #header #global .join:after{content:""; display:block; clear:both;}
.user #header #global .join li{float:left; position:relative;}
.user #header #global .join li a{display:block; height:40px; line-height:40px; padding:0 15px; font-size:14px; text-decoration:none; color:#fff;}
.user #header #global .join li a:hover{text-decoration:underline;}
.user#sub #header #global .join li.hd_popup{display:none;}
.user #header #global .join li.hd_popup a{background:#767e8e; color:#f1f1f1;}
.user #header #global .join li.hd_popup a span{display:inline-block; margin-right:5px;}
.user #header #global .join li.hd_popup a:after{
	content:""; display: inline-block; width:7px; height:6px; background:url(../../../images/site/kor/layout/hd_popup_icon.png) no-repeat left top; vertical-align:middle;
	transform:rotate(180deg); -webkit-transform:rotate(180deg);
}
.user #header #global .join li.hd_popup a.on:after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.user #header #global .join li.sitemap a{overflow:hidden; width:40px; padding:0; background:#47494d url(../../../images/site/kor/layout/sitemap_ico.png) no-repeat center; text-indent:-2000px;}

.user #header #gnb{overflow:hidden; width:100%; height:60px; position:relative; z-index:50; background:#fff;}
.user #header .blind{content:""; display:none; width:100%; height:100%; position:fixed; left:0; top:0;  z-index:0; background:rgba(0,0,0,0.6);}
.user #header #gnb #blind{display:none; position:absolute; left:0; top:105px; z-index:1; width:100%; height:0; background:#f2f6fa; box-sizing:border-box;}
.user #header #gnb #blind .blue_bg{position:absolute;top:0;display:block;width:100%;height:100%;background-color:#084897;}
.user #header #gnb #blind .blue_bg:after{ content: ""; display: block; width: 600px; height: 257px;	background-image: url(../../../images/site/nsurotc/layout/tmenu_ti_logo.jpg);
position: absolute; left: 50%; margin-left: -740px; top: 20px;}




/*1depth*/
.user #header #gnb > ul{position:relative;z-index:20;width:auto;max-width: 1440px;margin:0 auto;padding-left: 573px;/* padding-right:15px; */box-sizing:border-box;}
.user #header #gnb > ul:after{content:""; display:block; clear:both;}
.user #header #gnb > ul > li{float:left;width: 20%;height:100%;padding:0 5px;box-sizing:border-box; position: relative;  }

.user #header #gnb > ul > li.num6{display:none;}
.user #header #gnb > ul > li > a{display:block;height:105px;line-height:23px;padding:40px 0;text-align:center;text-decoration:none;font-size: 19px;font-weight:500;color:#2f3035;box-sizing:border-box;}
.user #header #gnb > ul > li > a.on,
.user #header #gnb > ul > li > a:hover,
.user #header #gnb > ul > li > a:active{color:#1b67c4;}

/*2depth*/
.user #header #gnb > ul > li > ul{opacity:0;-webkit-opacity:0;position:absolute;left:0;width: 100%;box-sizing:border-box;border-right: 1px solid rgba(255,255,255,0.15);}
.user #header #gnb > ul > li:first-child > ul{border-left: 1px solid rgba(255,255,255,0.15);}
.user #header #gnb > ul > li > ul > li:last-child{border-bottom:0;}
.user #header #gnb > ul > li > ul > li > a{
	height:100%;
	line-height: 1.4;
	padding: 10px 15px;
	text-align: center;
	font-size:16px;
	color:#fff;
	box-sizing:border-box;
	display: block;
}
.user #header #gnb > ul > li > ul > li:first-child > a{ margin-top: 10px;}
.user #header #gnb > ul > li > ul > li:last-child > a{ margin-bottom: 10px;}
.user #header #gnb > ul > li > ul > li > a.new span:after{content:""; display:inline-block; width:13px; height:10px; margin-left:6px; background:url(../../../images/site/skin/new_blank_white.gif) no-repeat left top; vertical-align:middle;}

/*3depth*/
.user #header #gnb ul li ul li ul{overflow: hidden; width:100%; padding:10px 22px; box-sizing:border-box;}
.user #header #gnb ul li ul li ul li{float:left; display:inline-block; padding-right:30px;}
.user #header #gnb ul li ul li ul li a{color:#5b5d66;}

/*입학안내*/
.user #header #gnb ul .admsn_menu > ul > li{float:left; width:33.33%; height:auto; padding-left:0; background-color:#f2f6fa; border-bottom:0;}
.user #header #gnb ul .admsn_menu > ul > li > a{position:static; display:block; width:100%; background-color:transparent;}
.user #header #gnb ul .admsn_menu > ul > li:first-child a{padding:25px 0 85px 36px;}
.user #header #gnb ul .admsn_menu > ul > li:nth-child(2) a{padding:25px 0px 85px 20px;}
.user #header #gnb ul .admsn_menu > ul > li:nth-child(3) a{padding:25px 0 85px 20px;}
.user #header #gnb ul .admsn_menu > ul > li > a:before{content:""; position:static; display:block; width:100%; height:125px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.user #header #gnb ul .admsn_menu > ul > li:first-child > a:before{background-image:url(../../../images/site/kor/layout/admsn_menu_img01.jpg);}
.user #header #gnb ul .admsn_menu > ul > li:nth-child(2) > a:before{background-image:url(../../../images/site/kor/layout/admsn_menu_img02.jpg);}
.user #header #gnb ul .admsn_menu > ul > li:nth-child(3) > a:before{background-image:url(../../../images/site/kor/layout/admsn_menu_img03.jpg);}
.user #header #gnb ul .admsn_menu > ul > li > a:after{display:none;}
.user #header #gnb ul .admsn_menu > ul > li > a span{display:block; line-height:20px; margin-top:18px; font-size:18px; text-align:center; color:#5b5d66;}
.user #header #gnb ul .admsn_menu > ul > li > a:hover span{text-decoration:underline;}

/*학과소개*/
.user #header #gnb ul .part_menu > ul > li{min-height:233px; padding-left:238px; border-bottom:0;}
.user #header #gnb ul .part_menu > ul > li > a{width:auto; padding:25px 0 25px 36px; background-color:#f2f6fa;}
.user #header #gnb ul .part_menu > ul > li > a:before{content:""; display:block; width:202px; height:152px; background-repeat:no-repeat; background-position:center;}
.user #header #gnb ul .part_menu > ul > li:first-child > a:before{background-image: url(../../../images/site/kor/layout/part_menu_img01.jpg);}
.user #header #gnb ul .part_menu > ul > li:nth-child(2) > a:before{background-image: url(../../../images/site/kor/layout/part_menu_img02.jpg);}
.user #header #gnb ul .part_menu > ul > li > a:after{display:none;}
.user #header #gnb ul .part_menu > ul > li > a > span{display:block; line-height:20px; margin-top:10px; font-size:18px; color:#2f3035;}
.user #header #gnb ul .part_menu > ul > li > a:hover > span{text-decoration:underline;}
.user #header #gnb ul .part_menu > ul > li > ul{padding:25px 22px;}
.user #header #gnb ul .part_menu > ul > li > ul > li{position:relative; padding:6px 30px 6px 0;}
.user #header #gnb ul .part_menu > ul > li > ul > li:after{content:""; position:absolute; bottom:0; left:0; width:500px; height:1px; background-color:#d9dee3;}
.user #header #gnb ul .part_menu > ul > li > ul > li > a{line-height:17px; font-size:15px;}

/*tmenu_ti*/
.user #header #gnb ul li .tmenu_ti{opacity:0; -webkit-opacity:0; display:none !important; position:absolute; left:0; top:147px; width:360px; height:100%;
	 padding:135px 25px 0 0; text-align:right; box-sizing:border-box;}
.user #header #gnb ul li .tmenu_ti strong{font-size:30px; font-weight:400; color:#fff;}
.user #header #gnb ul li .tmenu_ti span{opacity:0.5; position:absolute; bottom:25px; right:25px; display:block; font-size:21px; font-weight:300; color:#f0f5fa;}
.user #header #gnb ul li .tmenu_ti span em{display:block; line-height:26px; margin-bottom:8px; font-size:24px; font-weight:400; font-style:normal;}



/* //////////////////////////////////////////////////////////////////////////////

	footer

////////////////////////////////////////////////////////////////////////////// */
.user #footer{position:relative; z-index:0; background:#1a1b1f;}
.user #footer:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:60px; background:#42444e;}

.user #footer .relate_site:after{content:""; display:block; clear:both;}
.user #footer .relate_site li{float:left; width:50%; box-sizing:border-box;}

.user #footer .relate_site > li{position:relative; padding:0 3%; border-right:1px solid #5d5e67;}
.user #footer .relate_site > li:first-child{border-left:1px solid #5d5e67;}
.user #footer .relate_site > li > a{position:relative; display:block; height:60px; padding:19px 25px 19px 0; text-decoration:none; font-size:18px; font-weight:300; color:#fff; box-sizing:border-box;}
.user #footer .relate_site > li > a:after{
	content:""; opacity:0.3; position:absolute; right:0; top:50%; display:block; margin-top:-6px; width:19px; height:11px; background:url(../../../images/site/kor/layout/relate_site_bul.png) no-repeat left top;
	border-radius:50%; -webkit-border-radius:50%;
}
.user #footer .relate_site > li > a:hover:after{opacity:1;}
.user #footer .relate_site > li > a.on:after{opacity:1; transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.user #footer .relate_site > li > a br{display:none;}

.user #footer .relate_site > li > ul{overflow:auto; display:none; position:absolute; left:0; bottom:60px; z-index:5; width:100%; max-height:209px; background:#2f2f2f; border:1px solid #5d5e67; box-sizing:border-box;}
.user #footer .relate_site li ul li{border-top:1px solid #3e4046;}
.user #footer .relate_site li ul li:nth-child(odd){border-right:1px solid #3e4046;}
.user #footer .relate_site li ul li a{overflow:hidden; display:block; padding:8px 13%; font-size:14px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; color:#d2d2d2;}
.user #footer .relate_site li ul li a:hover,
.user #footer .relate_site li ul li a:active{background:#000; text-decoration:none;}

.user #footer .relate_site li .two_lst > li{width:100%;}
.user #footer .relate_site li .two_lst > li > ul{display:block;}
.user #footer .relate_site li .two_lst > li div{padding:20px 6%; font-size:17px; color:#fff;}
.user #footer .relate_site li.bor_b{border-bottom:1px solid #3e4046;}

.user #footer .menu{overflow:hidden; margin:25px 0 15px 0;}
.user #footer .menu li{float:left; margin-right:15px;}
.user #footer .menu li a{display:block; color:#b7b7b7;}
.user #footer .menu li:first-child a{color:#e4af6e;}

.user #footer address,
.user #footer .copyright{display:block;}
.user #footer address{font-style:normal; color:#b7b7b7;}
.user #footer .copyright{padding:12px 0 45px; text-transform:uppercase; color:#818080;}





/* //////////////////////////////////////////////////////////////////////////////

	Sub Visual

////////////////////////////////////////////////////////////////////////////// */
.user#sub #visual{display:table; table-layout:fixed; width:100%; height:200px; background-image:url(../../../images/site/nsurotc/layout/sub-visual.jpg); background-repeat:no-repeat; background-position:right 30% center; background-size:cover;}
.user#sub #visual .sub_txts{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.user#sub #visual .sub_txts strong{display:block; line-height:45px; font-size:45px; font-weight:500; color:#fff;}



/* //////////////////////////////////////////////////////////////////////////////

	Sub container

////////////////////////////////////////////////////////////////////////////// */
.user#sub #container{position:relative;z-index:0;max-width: 1300px;margin:0 auto;padding-left:290px;box-sizing:border-box;}

.user#sub #container #remote{position:absolute; top:-80px; left:15px; z-index:1; width:235px;}
.user#sub #container #remote h2{width:100%;line-height:36px;font-weight:700;padding:52px 0;
	background-color: #074897 ; background-image: url(../../../images/site/nsurotc/layout/remote_pattern.png) ; background-repeat: no-repeat; background-position: right 0 bottom 0;
	font-size:30px;font-weight:500;text-align:center;color:#fff;}
.user#sub #container #remote #lnb ul{width:100%; margin: 8px 0 0 0;}
.user#sub #container #remote #lnb ul li a{display:block; text-decoration:none; font-size:17px; color:#6c6c6c;}
.user#sub #container #remote #lnb > ul > li > a:hover,
.user#sub #container #remote #lnb > ul > li > a:active,
.user#sub #container #remote #lnb > ul > li > a.ov{background:#47494d; border-color:#47494d; color:#fff;}
.user#sub #container #remote #lnb > ul > li{border-bottom:1px solid #dddddd;}
.user#sub #container #remote #lnb > ul > li > a{padding:14px 15px; }
.user#sub #container #remote #lnb > ul > li > a.new span:after{content:""; display:inline-block; width:13px; height:10px; margin-left:6px; background:url(../../../images/site/skin/new_blank.gif) no-repeat left top; vertical-align:middle;}
.user#sub #container #remote #lnb > ul > li > a.ov.new span:after,
.user#sub #container #remote #lnb > ul > li > a:hover.new span:after{background:url(../../../images/site/skin/new_blank_white.gif) no-repeat left top;}
.user#sub #container #remote #lnb > ul > li > ul > li > a.new span:after{content:""; display:inline-block; width:13px; height:10px; margin-left:3px; background:url(../../../images/site/skin/new_blank.gif) no-repeat left top; vertical-align:middle;}

.user#sub #container #remote #lnb ul li ul{display:none; padding:15px; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; box-sizing:border-box;}
.user#sub #container #remote #lnb ul li ul li{position:relative; margin-top:3px; padding-left:12px; box-sizing:border-box;}
.user#sub #container #remote #lnb ul li ul li:first-child{margin-top:0;}
.user#sub #container #remote #lnb ul li ul li:after{content:""; position:absolute; top:6px; left:0; width:5px; height:5px; background-color:#e4e5e8;}
.user#sub #container #remote #lnb ul li ul li a{line-height:18px; font-size:15px;}
.user#sub #container #remote #lnb ul li ul li a:hover,
.user#sub #container #remote #lnb ul li ul li a:active,
.user#sub #container #remote #lnb ul li ul li a.ov{text-decoration:underline; text-underline-position:under;}

/*프린트영역*/
#content{width:100%; padding-top:50px; padding-right:15px; box-sizing:border-box;}
#content .h3_wrap{position:relative; width:100%; padding-bottom:12px; padding-right:121px; border-bottom:1px solid #d7d7d7; box-sizing:border-box;}
#content .h3_wrap h3{line-height:36px; margin-bottom:6px; font-size:28px; font-weight:500; color:#2f3035;}
#content .h3_wrap .navi ul li{display:inline-block; font-size:14px; color:#909090;}
#content .h3_wrap .navi ul li:after{content:""; display:inline-block; width:8px; height:13px; margin:0px 3px 0 8px; background:url(../../../images/site/kor/layout/navi_arrow_icon.gif) no-repeat left top; vertical-align:middle;}
#content .h3_wrap .navi ul li:last-child:after{display:none;}
#content .h3_wrap .navi ul li img,
#content .h3_wrap .navi ul li span{vertical-align:middle;}

#content .h3_wrap #path{position:absolute; bottom:15px; right:0;}
#content .h3_wrap #path ul{overflow:hidden;}
#content .h3_wrap #path ul li{float:left; margin-left:4px;}
#content .h3_wrap #path ul li a{overflow:hidden; display:block; width:36px; height:36px; background-repeat:no-repeat; background-position:left top; background-size:100%; text-indent:-2000px;}
#content .h3_wrap #path ul li a.twitter{background-image:url(../../../images/site/skin/sns_twitter.svg);}
#content .h3_wrap #path ul li a.facebook{background-image:url(../../../images/site/skin/sns_face.svg);}
#content .h3_wrap #path ul li a.print{background-image:url(../../../images/site/skin/sns_print.svg);}

#content #txt{margin-top:45px; padding-bottom:130px;}





/* //////////////////////////////////////////////////////////////////////////////

	Media

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:1600px){
	.user#sub #visual{background-position:right 42% center;}
}

@media screen and (max-width:1440px){

	.user#sub #visual{background-position:right 44% center;}
	/*bannerzone*/
	.user .bannerzone .move ul li{padding:0 30px;}
	.user .bannerzone .control a.btn_left{left:15px; margin-left:0;}
	.user .bannerzone .control a.btn_right{right:15px; margin-right:0;}
	.user .bannerzone .today_check{right:15px; margin-right:0;}

	/*Header*/
	.user #header h1{left:17px; margin-left:0;}
	.user #header #gnb #blind .blue_bg{/*left:0; width:540px; margin-left:0; background-position:left 15px bottom;*/}
	.user #header #gnb ul .admsn_menu > ul > li:first-child a{padding:25px 0 85px 30px;}
	.user #header #gnb ul .admsn_menu > ul > li:nth-child(3) a{padding:25px 30px 85px 20px;}
	.user #header #gnb ul .part_menu > ul > li{padding-left:232px;}
	.user #header #gnb ul .part_menu > ul > li > a{padding:25px 0 25px 30px;}
	.user #header #gnb ul .part_menu > ul > li > ul > li{padding:5px 25px 5px 0;}
}
@media screen and (max-width:1280px){
	/*Header*/
	.user #header #gnb > ul{ padding-left:424px ;}
	.user #header #gnb ul li .tmenu_ti{width:325px; padding:132px 25px 0 0;}
	.user #header #gnb ul li .tmenu_ti strong{font-size:28px;}
	.user #header #gnb ul li .tmenu_ti span{font-size:18px;}
	.user #header #gnb ul li .tmenu_ti span em{margin-bottom:4px; font-size:22px;}

	.user #header #gnb > ul > li > a{font-size:18px;}
}
@media screen and (max-width:1124px){
	/*bannerzone*/
	.user .bannerzone .move ul li [class*="ban_"]{padding:25px 20px 0;}
	.user .bannerzone .move ul li a{padding-left:84px;}
	.user .bannerzone .move ul li a .tt{font-size:23px;}
	.user .bannerzone .move ul li a .date{font-size:16px;}
	.user .bannerzone .today_check label{padding-left:24px; font-size:16px;}
	.user .bannerzone .today_check .btn_close{margin-left:15px;}

	.user #wrap{padding-top:70px;}
	/*Header*/
	.user #header{height:70px;}
	.user #header h1{top:11px; width:262px; height:46px;}
	.user #header h1 a{ font-size: 18px;}
	.user #header h1 a span {height: 46px; margin-right: 8px;}
	.user #header #gnb{display:none;}
	.user #header #global{position:absolute; top:-40px;}
	.user #header #global .site_link{display:none;}
	.user #header #global .join{z-index:51;}
	.user #header #global .join li:not(.sitemap){display:none;}
	.user #header #global .join li.sitemap{position:absolute; bottom:-95px; right:0; z-index:999;}
	.user #header #global .join li.sitemap a{background-color:#084897;}
	
	/***header-slide_map***/
	.js_mobile_check{display: block;}
	.user #slide_map{
		opacity:0; -webkit-opacity:0; overflow:hidden; position:fixed; right:-100%; top:0; z-index:991; display:block; width:100%; height:100%; box-sizing:border-box;
		transition:all 0.5s ease; -webkit-transition:all 0.5s ease;
	}
	.user #slide_map:before{content:""; position:absolute; right:0; top:0; z-index:1; display:block; width:320px; height:100%; background:#fff;}
	.user #slide_map:after{content:"";position:absolute;right: 183px;top:0;z-index:2;display:block;width: 137px;height:100%;background:#f0f0f0;}
	body.fixed #slide_map{opacity:1; -webkit-opacity:1; right:0;}

	.user #slide_map .slide_blind{content:""; opacity:0.75; -webkit-opacity:0.75; position:absolute; left:0; top:0; z-index:0; display:block; width:100%; height:100%; background:#000;}
	.user #slide_map .inner{position:relative; z-index:10; float:right; padding-top:70px; width:320px; height:100%; box-sizing:border-box;}
	.user #slide_map .inner:before{content:""; position:absolute; top:0; left:0; width:100%; height:70px; background:#1a5bb1;}
	.user #slide_map .inner .close_btn{
		position:absolute; top:15px; right:15px; display:block; width:40px; height:40px; background:url(../../../images/site/kor/layout/close_ico.png) no-repeat center; text-indent:-2000px;
		transition : all 0.4s ease; -webkit-transition : all 0.4s ease;
	}
	.user #slide_map .inner .close_btn:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
	.user #slide_map .inner .binds{overflow-x: hidden; overflow-y:auto; height:100%;}
	.user #slide_map .inner .binds .toputil ul{overflow:hidden; border-top:1px solid #567bad;}
	.user #slide_map .inner .binds .toputil ul li{float:left; width:50%; background:#1a5bb1; box-sizing: border-box;}
	.user #slide_map .inner .binds .toputil ul li:first-child{position:relative;}
	.user #slide_map .inner .binds .toputil ul li:first-child:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#567bad;}
	.user #slide_map .inner .binds .toputil ul li.sitemap,
	.user #slide_map .inner .binds .toputil ul li.login,
	.user #slide_map .inner .binds .toputil ul li.hd_popup{display:none;}
	.user #slide_map .inner .binds .toputil ul li a{display:block; height:36px; line-height:36px; text-align:center; padding:0 15px; font-size:14px; font-weight:300; color:#fff;}
	
	/*1depth*/
	.user #slide_map .inner .binds .gnb_menu ul li .tmenu_ti{display:none;}
	.user #slide_map .inner .binds .gnb_menu ul li a{display:table; table-layout:fixed; border-bottom:1px solid #e2e2e2; text-decoration:none; box-sizing:border-box;}
	.user #slide_map .inner .binds .gnb_menu ul li a span{display:table-cell; width:100%; height:100%; vertical-align:middle; box-sizing:border-box;}
	.user #slide_map .inner .binds .gnb_menu > ul{position:relative; width:100%;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > a{width: 137px;height:65px;line-height:21px;background-color:#f0f0f0;font-size: 16px;text-align:center;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > a.on{background:#fff; color:#1455a6;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > a > span{padding:0 6px;}
	/*2depth*/
	.user #slide_map .inner .binds .gnb_menu ul li ul{display:none; line-height:18px; padding:0 22px; font-size:15px; box-sizing:border-box;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li a{position:relative;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul{position:absolute;top:0;left:0;margin-left: 137px;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a{width:100%; height:55px; padding:0 10px; border-color:#c6c8ca;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a.on{color:#0b5fa6; font-weight:700;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a.child.on{border-width:3px; border-color:#1a5bb1;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a.child:after{content:""; position:absolute; top:50%; right:10px; display:block; width:15px; height:15px; margin-top:-7px; background:url(../../../images/site/kor/layout/slidemap_icon_plus.png)no-repeat left top;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a.child.on:after{height:1px; margin-top:0px; background:#818181;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a > span{word-break:break-all;}
	.user #slide_map .inner .binds .gnb_menu > ul > li > ul > li > a.child > span{padding-right:20px;}
	/*3depth*/
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul{padding:13px 15px; border-bottom:1px solid #c6c8ca;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li{margin-top:4px;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li:first-child{margin-top:0;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a{padding-left:8px;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a:after{content:""; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#666666;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a{display:block; height:auto; border-bottom:0;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a:hover,
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a.on{color:#1a5bb1;}
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a:hover:after,
	.user #slide_map .inner .binds .gnb_menu ul li ul li ul li a.on:after{background-color:#1a5bb1;}
	
	/*Visual*/
	.user#sub #visual{height:143px; background-position:left -70px center;}
	.user#sub #visual .sub_txts strong{line-height:40px; font-size:40px;}
	
	/*Container*/
	.user#sub #container{padding-left:0;}
	.user#sub #container #remote{left:-235px;}
	#content{padding-top:38px; padding-left:15px;}
	#content .h3_wrap{padding-right:81px;}
	#content .h3_wrap #path ul li:last-child{display:none;}

	/*Footer*/
	.user #footer:before{height:55px;}
	.user #footer .relate_site > li > a{height:55px; padding:15px 25px 15px 0;}
	.user #footer .relate_site > li > ul{bottom:55px;}
	.user #footer .copyright{padding:12px 0 35px;}
}
@media screen and (max-width:1020px){
	/*Container*/
	.user#sub #container #remote{display:none;}
}
@media screen and (max-width:840px){
	/*Bannerzone*/
	.user .bannerzone .move ul li a{padding-left:80px;}
	.user .bannerzone .move ul li a:before{top:12px; width:60px; height:60px; background-size:100%;}
	.user .bannerzone .move ul li a em{font-size:15px;}
	.user .bannerzone .move ul li a .tt{line-height:28px; font-size:20px;}
	.user .bannerzone .move ul li a .date{font-size:15px;}
}
@media screen and (max-width:740px){
	/*Footer*/
	.user #footer .relate_site li.bor_b{border-bottom:0;}
	.user #footer .relate_site li ul li{width:100%;}
	.user #footer .relate_site > li > ul{max-height:198px;}
	.user #footer .relate_site li ul li a{overflow:initial; padding:8px 6%; text-overflow:clip; white-space:normal;}
	.user #footer .relate_site li .two_lst > li div{padding:15px 6%;}
}
@media screen and (max-width:640px){
	/*Bannerzone*/
	.user .bannerzone{height:130px;}
	.user .bannerzone .control ul{top:100px;}
	.user .bannerzone .control ul li{margin-right:10px;}
	.user .bannerzone .control a.btn_play,
	.user .bannerzone .control a.btn_stop{top:101px;}
	.user .bannerzone .control a.btn_left,
	.user .bannerzone .control a.btn_right{top:35px;}
	.user .bannerzone .move{height:95px;}
	.user .bannerzone .move ul li [class*="ban_"]{padding:20px 18px 0;}
	.user .bannerzone .move ul li .ban_one:after{top:26px;}
	.user .bannerzone .move ul li a{padding-left:0;}
	.user .bannerzone .move ul li a:before{display:none;}
	.user .bannerzone .move ul li a .tt{overflow:hidden; height:44px; line-height:22px; margin-top:2px; text-overflow:clip; white-space:normal; font-size:17px;}
	.user .bannerzone .move ul li a .date{display:none;}
	.user .bannerzone .today_check input{top:5px; left:1px;}
	.user .bannerzone .today_check label{padding-left:20px; font-size:14px;}
	.user .bannerzone .today_check input:checked+label:before{top:5px; width:8px; height:8px;}
	.user .bannerzone .today_check label:after{width:12px; height:12px;}
	.user .bannerzone .today_check .btn_close{height:24px; line-height:24px; margin-left:10px; padding:0 10px; font-size:13px;}

	/*Header*/
	.user#sub #header{border-bottom:2px solid #4e4e4e;}

	/*Visual*/
	.user#sub #visual{display:none;}

	/*Container*/
	#content{padding:0 !important;}
	#content .h3_wrap{padding:25px 15px; background-color:#f9fafc; box-sizing:border-box;}
	#content .h3_wrap h3{min-height:36px; line-height:32px; margin-bottom:3px; padding-right:81px; font-size:23px; box-sizing:border-box;}
	#content .h3_wrap #path{top:25px; bottom:auto; right:15px;}
	#content #txt{margin-top:35px; padding:0 15px 100px; box-sizing:border-box;}

	/*Footer*/
	.user #footer:before{height:50px;}
	.user #footer .layout{padding:0;}
	.user #footer .relate_site > li:first-child{border-left:0;}
	.user #footer .relate_site > li:last-child{border-right:0;}
	.user #footer .relate_site > li > a{height:50px; padding:16px 25px 16px 0; font-size:16px;}
	.user #footer .relate_site > li > a:after{width:15px; height:10px; margin-top:-5px; background-size:100%;}
	.user #footer .relate_site > li > ul{bottom:50px; max-height:193px;}
	.user #footer .menu{margin:22px 0 12px 0;padding:0 15px;}
	.user #footer .menu li{margin-top:3px;}
	.user #footer address{padding:0 15px;}
	.user #footer address span{display:block;}
	.user #footer .copyright{padding:12px 15px 35px;}
}
@media screen and (max-width:540px){
	/*Bannerzone*/
	.user .bannerzone .move ul li{padding:0 27px;}
	.user .bannerzone .control{text-align:left;}
	.user .bannerzone .control ul{left:15px;}
	.user .bannerzone .control a.btn_play,
	.user .bannerzone .control a.btn_stop{left:14px;}
	.user .bannerzone .control a.btn_left,
	.user .bannerzone .control a.btn_right{width:12px; background-size:100% !important;}
	.user .bannerzone .move ul li a .tt{height:40px; line-height:20px; font-size:15px;}
}
@media screen and (max-width:480px){
	/*Bannerzone*/
	.user .bannerzone .move ul li [class*="ban_"]{padding:20px 15px 0;}
	.user .bannerzone .move ul li .ban_one:after{height:50px;}
	.user .bannerzone .move ul li a em{display:none;}
	.user .bannerzone .move ul li a .tt{height:54px; line-height:18px; font-size:14px;}

	/*Container*/
	#content #txt{margin-top:30px; padding:0 15px 80px;}

	/*Footer*/
	.user #footer .relate_site > li > a{line-height:17px; padding:9px 25px 9px 0; font-size:14px;}
	.user #footer .relate_site > li > a br{display:block;}
	.user #footer .relate_site > li > ul{max-height:186px;}
	.user #footer .relate_site li .two_lst > li div{padding:12px 6%; font-size:15px;}
	.user #footer address,
	.user #footer .copyright{font-size:13px;}
}