@charset "utf-8";

/* msec-vis */
.main-wrap .msec-vishcut{position:relative;}
.main-wrap .msec-vishcut .mvis{position:relative; height:530px; background:red;}
.main-wrap .msec-vishcut .mvis:before{position:absolute; top:0px; left:50%; width:2000px; margin-left:-1000px; height:100%; background:url('/images/Depart_/main/mvis.jpg') no-repeat center top #2e3645; background-size:cover; content:"";}

.main-wrap .msec-vishcut .mvis .txts{position:absolute; top:250px; left:25px; z-index:1; text-shadow: 1px 1px 3px #fff;}
.main-wrap .msec-vishcut .mvis .txts .btxt{font-size:54px; font-weight:900; letter-spacing:-0.04em; line-height:120%; display:block; color:#000; margin-bottom:10px;}
.main-wrap .msec-vishcut .mvis .txts .stxt{font-size:22px; font-weight:300; letter-spacing:-0.03em; line-height:150%; display:block; color:#333;}

	@media all and (max-width:1600px){
		.main-wrap .msec-vishcut .mvis .txts{}
		.main-wrap .msec-vishcut .mvis:before{left:0px; width:100%; margin-left:0px;}
	}

	@media all and (max-width:1300px){
		.main-wrap .msec-vishcut .mvis .txts{width:500px;}
		.main-wrap .msec-vishcut .mvis .txts .stxt br{display:none;}
	}

	@media all and (max-width:1000px){
		.main-wrap .msec-vishcut .mvis{width:100%; height:150px; left:0px; margin-left:0%;}

		.main-wrap .msec-vishcut .mvis .txts{top:20px; left:20px; margin-left:0px; width:auto;}
		.main-wrap .msec-vishcut .mvis .txts .btxt{font-size:24px;}
		.main-wrap .msec-vishcut .mvis .txts .stxt{font-size:15px;}
		.main-wrap .msec-vishcut .mvis .txts .stxt br{display:block;}
	}

	@media all and (max-width:680px){
		.main-wrap .msec-vishcut .mvis{height:140px;}

		.main-wrap .msec-vishcut .mvis .txts{top:15px; left:15px;}
		.main-wrap .msec-vishcut .mvis .txts .btxt{font-size:20px; margin-bottom:5px;}
		.main-wrap .msec-vishcut .mvis .txts .stxt{font-size:13px; width:80%}
		.main-wrap .msec-vishcut .mvis .txts .stxt br{display:none;}
	}

	@media all and (max-width:480px){
		.main-wrap .msec-vishcut .mvis .txts .stxt{width:100%; padding-right:15px; box-sizing:border-box;}
	}

.main-wrap .msec-vishcut .m-scutbtn{position:absolute; top:0px; right:0px; width:400px; height:100%; padding:15px; background:url('/images/Depart_/main/scut-bg.jpg') repeat center top #2e3645; box-sizing:border-box;}
.main-wrap .msec-vishcut .m-scutbtn .scut{padding:28px 20px; border:1px solid #abafb5; margin-bottom:15px;}
.main-wrap .msec-vishcut .m-scutbtn .scut .tits{margin-bottom:30px;}
.main-wrap .msec-vishcut .m-scutbtn .scut .tits .btxt{font-size:24px; color:#fff; line-height:120%; letter-spacing:-0.03em; margin-bottom:15px; font-weight:600;}
.main-wrap .msec-vishcut .m-scutbtn .scut .tits .stxt{font-size:16px; color:#d1d1d1; line-height:130%; letter-spacing:-0.02em;}

.main-wrap .msec-vishcut .m-scutbtn .scut .select{}
.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn{position:relative; padding-right:50px; margin-bottom:15px;}
.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn:last-child{margin-bottom:0px;}
.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn select{width:100%; height:48px; border-radius:0px; color:#111; padding-left:15px; font-size:16px; background:url('/images/Potal_/layout/selDown.png') 90% center no-repeat #fff;}
.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn .btn{position:absolute; top:0px; right:0px; width:50px; line-height:48px; display:block; background:#374667; color:#fff; text-align:center;}

	@media all and (max-width:1600px){

	}

	@media all and (max-width:1300px){

	}

	@media all and (max-width:1000px){
		.main-wrap .msec-vishcut .m-scutbtn{position:relative; top:auto; left:auto; margin-left:0px; width:100%; height:auto;}
		.main-wrap .msec-vishcut .m-scutbtn .scut{padding:20px; margin-bottom:15px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits{margin-bottom:20px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits .btxt{font-size:20px; margin-bottom:10px}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits .stxt{font-size:14px;}

		.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn{margin-bottom:10px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn select{height:38px; padding-left:5px; font-size:14px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn .btn{line-height:38px;}
	}

	@media all and (max-width:680px){
		.main-wrap .msec-vishcut .m-scutbtn .scut{padding:15px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits{margin-bottom:15px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits .btxt{font-size:18px; margin-bottom:5px}
		.main-wrap .msec-vishcut .m-scutbtn .scut .tits .stxt{font-size:13px;}

		.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn select{height:34px; padding-left:5px; font-size:13px;}
		.main-wrap .msec-vishcut .m-scutbtn .scut .select .sel-btn .btn{line-height:34px;}
	}

	@media all and (max-width:480px){

	}

.main-wrap .msec-vishcut .m-scutbtn .btns{overflow:hidden;}
.main-wrap .msec-vishcut .m-scutbtn .btns li{ width:49%;}
.main-wrap .msec-vishcut .m-scutbtn .btns li a{position:relative; width:100%; height:200px; padding:25px 20px; display:block; background:#000; box-sizing:border-box;}
.main-wrap .msec-vishcut .m-scutbtn .btns li a .btxt{font-size:20px; margin-bottom:6px; line-height:120%; font-weight:600; display:block;}
.main-wrap .msec-vishcut .m-scutbtn .btns li a .stxt{font-size:16px; line-height:120%; color:#51638f; display:block;}

.main-wrap .msec-vishcut .m-scutbtn .btns li a:before{position:absolute; left:20px; bottom:20px; font-size:34px; color:#555; line-height:100%; display:block; content:"+";}
.main-wrap .msec-vishcut .m-scutbtn .btns li a:after{position:absolute; right:20px; bottom:20px; display:block; content:"";}

.main-wrap .msec-vishcut .m-scutbtn .btns li.couns{float:left;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.couns a{background:#d4ddf7;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.couns a:after{width:54px; height:69px; background:url('/images/Depart_/main/couns-icon.png') repeat left top;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.couns a .btxt{color:#253a6b;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.couns a .stxt{color:#51638f;}

.main-wrap .msec-vishcut .m-scutbtn .btns li.faq{float:right;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.faq a{background:#d0e6e0;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.faq a:after{width:65px; height:55px; background:url('/images/Depart_/main/faq-icon.png') repeat left top;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.faq a .btxt{color:#164f3f;}
.main-wrap .msec-vishcut .m-scutbtn .btns li.faq a .stxt{color:#4d8777;}

	@media all and (max-width:1600px){

	}

	@media all and (max-width:1300px){

	}

	@media all and (max-width:1000px){
		.main-wrap .msec-vishcut .m-scutbtn .btns li a{ padding:20px; height:140px;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a .btxt{font-size:18px;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a .stxt{font-size:15px;}

		.main-wrap .msec-vishcut .m-scutbtn .btns li a:before{bottom:15px; font-size:28px;}
	}

	@media all and (max-width:680px){
		.main-wrap .msec-vishcut .m-scutbtn .btns li a{padding:15px; height:90px;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a .btxt{font-size:15px;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a .btxt br{display:none;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a .stxt{font-size:13px;}

		.main-wrap .msec-vishcut .m-scutbtn .btns li a:before{left:auto; right:15px; bottom:10px; font-size:28px;}
		.main-wrap .msec-vishcut .m-scutbtn .btns li a:after{display:none;}
	}

	@media all and (max-width:480px){

	}


/* msec-boardtels */
.main-wrap .msec-boardtels{padding:50px 0px;}
.main-wrap .msec-boardtels:after{clear:both; content:""; display:block;}
.main-wrap .msec-boardtels .board{position:relative; width:670px; border:1px solid #cecece; margin-right:30px; float:left; box-sizing:border-box;}
.main-wrap .msec-boardtels .board .title{font-size:22px; font-weight:600; line-height:50px; border-bottom:1px solid #cecece; background:#ededed; color:#000; padding:0px 50px 0px 34px;}

.main-wrap .msec-boardtels .board .lists{padding:30px 35px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.main-wrap .msec-boardtels .board .lists .impor{padding-bottom:25px; border-bottom:1px solid #d7d7d7;}
.main-wrap .msec-boardtels .board .lists .impor a{position:relative; width:100%; height:100%; padding-left:100px; box-sizing:border-box; display:block; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .msec-boardtels .board .lists .impor a:before{position:absolute; top:50%; left:10px; width:73px; height:48px; margin-top:-24px; background:url(/images/Depart_/main/notice-icon.png) no-repeat; display:block; content:"";}
.main-wrap .msec-boardtels .board .lists .impor a .tit{font-size:20px; color:#333; display:block; line-height:120%; margin-bottom:10px; padding-right:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-wrap .msec-boardtels .board .lists .impor a .btxt{font-size:18px; color:#555; display:block; line-height:120%; height:45px; overflow:hidden; padding-right:20px;}
.main-wrap .msec-boardtels .board .lists .impor a .date{position:absolute; top:3px; right:10px; font-size:18px; color:#777;}
.main-wrap .msec-boardtels .board .lists .impor a:hover .tit{color:#1e345b;}
.main-wrap .msec-boardtels .board .lists .impor a:hover .btxt{color:#1e345b;}
.main-wrap .msec-boardtels .board .lists .impor a:hover .date{color:#1e345b;}

.main-wrap .msec-boardtels .board .lists .list{padding-top:20px}
.main-wrap .msec-boardtels .board .lists .list li{position:relative; padding-left:25px; margin-bottom:15px;}
.main-wrap .msec-boardtels .board .lists .list li:before{position:absolute; top:50%; left:10px; width:4px; height:4px; margin-top:-2px; background:#403a3a; border-radius:50%; content:"";}
.main-wrap .msec-boardtels .board .lists .list li:last-child{margin-bottom:0px;}
.main-wrap .msec-boardtels .board .lists .list li a{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.main-wrap .msec-boardtels .board .lists .list li a .btxt{position:relative; font-size:18px; color:#555; line-height:120%; padding-right:130px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main-wrap .msec-boardtels .board .lists .list li a .btxt.new{padding-left:25px;}
.main-wrap .msec-boardtels .board .lists .list li a .btxt.new:before{position:absolute; top:1px; left:0px; width:20px; line-height:20px; display:block; border-radius:50%; font-size:11px; color:#fff; text-align:center; background:#2359f5; content:"N";}
.main-wrap .msec-boardtels .board .lists .list li a .date{position:absolute; top:0px; right:10px; font-size:18px; color:#777777;}
.main-wrap .msec-boardtels .board .lists .list li a:hover .btxt{color:#1e345b;}
.main-wrap .msec-boardtels .board .lists .list li a:hover .date{color:#1e345b;}

.main-wrap .msec-boardtels .board .more-btn{position:absolute; right:0; top:0px; display:block; width:50px; height:50px; border-left:1px solid #cecece; background:#ededed; text-align:center; z-index:1;}
.main-wrap .msec-boardtels .board .more-btn:before{line-height:50px; content:"+"; color:#46494e; font-size:32px;}

	@media all and (max-width:1600px){
		.main-wrap .msec-boardtels{padding:50px 20px;}
		.main-wrap .msec-boardtels .board{width:40%; margin-right:2%;}
	}

	@media all and (max-width:1300px){
		.main-wrap .msec-boardtels .board .lists{padding:30px 20px;}
	}

	@media all and (max-width:1000px){
		.main-wrap .msec-boardtels{padding:20px 20px 30px 20px;}
		.main-wrap .msec-boardtels .board{width:100%; float:none; margin-bottom:20px; margin-right:0px;}
		.main-wrap .msec-boardtels .board .title{font-size:18px; line-height:40px; padding:0px 40px 0px 15px;}

		.main-wrap .msec-boardtels .board .lists{padding:20px;}
		.main-wrap .msec-boardtels .board .lists .impor{padding-bottom:20px;}
		.main-wrap .msec-boardtels .board .lists .impor a{padding-left:55px;}
		.main-wrap .msec-boardtels .board .lists .impor a:before{left:7px; width:36px; height:28px; margin-top:-14px; background-size:36px;}
		.main-wrap .msec-boardtels .board .lists .impor a .tit{font-size:18px; margin-bottom:10px; padding-right:120px;}
		.main-wrap .msec-boardtels .board .lists .impor a .btxt{font-size:16px; height:38px; padding-right:0px;}
		.main-wrap .msec-boardtels .board .lists .impor a .date{right:0px; font-size:14px;}

		.main-wrap .msec-boardtels .board .lists .list li{padding-left:15px; margin-bottom:12px;}
		.main-wrap .msec-boardtels .board .lists .list li:before{left:0px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt{font-size:16px; padding-right:120px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt.new{padding-left:20px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt.new:before{width:15px; line-height:16px; font-size:9px;}
		.main-wrap .msec-boardtels .board .lists .list li a .date{right:0px; font-size:14px;}

		.main-wrap .msec-boardtels .board .more-btn{width:40px; height:40px;}
		.main-wrap .msec-boardtels .board .more-btn:before{line-height:40px; font-size:28px;}
	}

	@media all and (max-width:680px){
		.main-wrap .msec-boardtels{padding:15px 15px 25px 15px;}

		.main-wrap .msec-boardtels .board{width:100%; float:none; margin-bottom:15px;}
		.main-wrap .msec-boardtels .board .title{font-size:16px; line-height:35px; padding:0px 35px 0px 10px;}

		.main-wrap .msec-boardtels .board .lists{padding:15px;}

		.main-wrap .msec-boardtels .board .lists .impor{padding-bottom:12px;}
		.main-wrap .msec-boardtels .board .lists .impor a{padding-left:38px;}
		.main-wrap .msec-boardtels .board .lists .impor a:before{left:4px; width:26px; height:20px; margin-top:-10px; background-size:26px;}
		.main-wrap .msec-boardtels .board .lists .impor a .tit{font-size:16px; margin-bottom:5px; padding-right:80px;}
		.main-wrap .msec-boardtels .board .lists .impor a .btxt{font-size:14px; height:34px; padding-right:0px;}
		.main-wrap .msec-boardtels .board .lists .impor a .date{top:1px; right:0px; line-height:120%; font-size:13px;}

		.main-wrap .msec-boardtels .board .lists .list{padding-top:10px}
		.main-wrap .msec-boardtels .board .lists .list li{padding-left:14px; margin-bottom:6px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt{font-size:13px; padding-right:80px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt.new{padding-left:17px;}
		.main-wrap .msec-boardtels .board .lists .list li a .btxt.new:before{width:14px; line-height:14px; font-size:8px;}
		.main-wrap .msec-boardtels .board .lists .list li a .date{right:0px; font-size:13px;}

		.main-wrap .msec-boardtels .board .more-btn{width:35px; height:35px;}
		.main-wrap .msec-boardtels .board .more-btn:before{line-height:35px; font-size:24px;}
	}

	@media all and (max-width:480px){

	}

.main-wrap .msec-boardtels .tels{width:200px; overflow:hidden; float:left;}
.main-wrap .msec-boardtels .tels li{}
.main-wrap .msec-boardtels .tels li a{position:relative; width:100%; height:184px; padding:25px 20px; display:block; background:#000; box-sizing:border-box; text-align:center;}
.main-wrap .msec-boardtels .tels li a:before{width:76px; height:76px; display:block; margin-bottom:10px; content:""; background:#fff; display:inline-block; border-radius:50%;}
.main-wrap .msec-boardtels .tels li a .btxt{display:block; line-height:120%; letter-spacing:-0.02em; font-size:18px; color:#fff; font-weight:600;}
.main-wrap .msec-boardtels .tels li a .stxt{display:block; line-height:120%; letter-spacing:-0.02em; font-size:18px; color:#fff;}

.main-wrap .msec-boardtels .tels li.tel a{background:#617ca5;}
.main-wrap .msec-boardtels .tels li.tel a:before{background:url('/images/Depart_/main/tel-icon.png') no-repeat center #fff;}

.main-wrap .msec-boardtels .tels li.fax a{background:#ed8f88;}
.main-wrap .msec-boardtels .tels li.fax a:before{background:url('/images/Depart_/main/fax-icon.png') no-repeat center #fff;}

	@media all and (max-width:1600px){
		.main-wrap .msec-boardtels .tels{width:16%;}
	}

	@media all and (max-width:1300px){

	}

	@media all and (max-width:1000px){
		.main-wrap .msec-boardtels .tels{width:100%; float:none;}
		.main-wrap .msec-boardtels .tels li{width:50%; float:left;}
		.main-wrap .msec-boardtels .tels li a{height:auto; padding:20px 20px 20px 100px; text-align:left;}
		.main-wrap .msec-boardtels .tels li a:before{position:absolute; top:50%; left:20px; width:56px; height:56px; margin-top:-28px;}
		.main-wrap .msec-boardtels .tels li a .btxt{font-size:17px;}
		.main-wrap .msec-boardtels .tels li a .stxt{font-size:16px;}

		.main-wrap .msec-boardtels .tels li.tel a:before{background-size:30px;}

		.main-wrap .msec-boardtels .tels li.fax a:before{background-size:28px;}

	}

	@media all and (max-width:680px){

		.main-wrap .msec-boardtels .tels li a{padding:10px 15px; text-align:center;}
		.main-wrap .msec-boardtels .tels li a:before{position:relative; top:auto; left:auto; width:42px; height:42px; margin-bottom:5px; margin-top:0px;}
		.main-wrap .msec-boardtels .tels li a .btxt{font-size:14px;}
		.main-wrap .msec-boardtels .tels li a .stxt{font-size:13px;}

		.main-wrap .msec-boardtels .tels li.tel a:before{background-size:25px;}

		.main-wrap .msec-boardtels .tels li.fax a:before{background-size:23px;}
	}

	@media all and (max-width:480px){

	}