#main {position:relative; width:100%; margin:0 auto; min-height:430px;  }
#contArea{position:relative; overflow:hidden; width:1094px; min-height:430px; margin:0 auto;} 
#contArea01{position:relative; overflow:hidden; width:1094px; min-height:130px; margin:0 auto; margin-top: 33px;}

#maincont02 {position:relative; width:100%; background: #fff; /* min-height:420px; */}
#contArea03 {position:relative; overflow:hidden; width:1094px; margin:0 auto; margin-top: 33px;} 
#contArea03 .c_area01 {float:left;width:33%;margin-right:13px; margin-bottom:10px; margin-bottom:0px; border-top: 3px solid #01aeb2;}
#contArea03 .c_area02 {float:left;width:33%;margin-right:10px; margin-bottom:0px; border-top:3px solid #01aeb2;}
#contArea03 .c_area03 {float:right; width:31.5%; border-top:3px solid #01aeb2; margin-bottom:0px; margin-right:2px;}

#main .carousel {height: 430px; overflow: hidden; background:#237491;}
#main .carousel-item {position: relative; margin:0 auto; width: 1094px; height: 430px; background-size:71.297% !important;} 
#main .carousel-controls { position: absolute; z-index: 10; left: 50%; bottom: 20px; width: 120px; height: 32px; margin-left: 400px;  overflow: hidden; }
#main .carousel-controls a { float: left; width: 32px; height: 32px; margin-right:6px; background-image: url(/images/w3c/controls-carousel.gif); font-size:0; }

#main .carousel-controls .next { background-position: -114px -32px;  }
#main .carousel-controls .next:hover,
#main .carousel-controls .next:focus { background-position: -114px 0;  }
#main .carousel-controls .previous { background-position: 0 -32px; }
#main .carousel-controls .previous:hover,
#main .carousel-controls .previous:focus { background-position: 0 0; }
#main .carousel-controls .pause { background-position: -38px -32px;  }
#main .carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -38px 0; }
#main .carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -76px -32px;}
#main .carousel-controls .play:hover,
#main .carousel-controls .play:focus { background-position: -76px 0; }

#main .carousel .prev-image { position: absolute; left:-780px; top: 0; opacity: 0.7; height: 430px; width: 780px;}
#main .carousel .next-image { position: absolute; top: 0; right:-780px; opacity: 0.7; height: 430px; width: 780px;}

#main .vSection {float:right; background:url(/images/main/bg01_430.jpg) 0 0 no-repeat; background-size:100%; width:30%; min-width:314px; height:430px;}
#main .vSection .title {padding:45px 0 0 0; font-size:15px; line-height:22px; color:#fff;}
#main .vSection .title a {color:#fff; text-decoration:none;}
#main .vSection .main_txt {padding:38px 30px;}
#main .vSection ul.buttonset {margin:20px 0 0 0;}
#main .vSection ul.buttonset li {margin-top:5px; }
#main .vSection ul.buttonset li .button {display:inline-block; height:25px; padding:0 35px 0 15px; line-height:25px; font-size:11px; color:white; vertical-align:middle; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#main .vSection ul.buttonset li .button.sty1 {background:#0b5270; } /* 청록색 */

/*팝업존*/
#contArea01 .vSection02 {overflow:hidden; margin-bottom: 28px; border-bottom: 0px solid #c3c3c3; width:100%; }
#contArea01 .vSection02 .heading {float:left; vertical-align:top;  width:8%; border-top:0px solid #4384c4; background:#454545; margin:0; height:122px  /* Old browsers */ }
#contArea01 .vSection02 .heading h2 { color: #fff; font:1.6em; padding:16px;}
#contArea01 .vSection02 .heading strong { display: block; font-size: 18px; font-weight: normal; text-transform: uppercase; }
#contArea01 .vSection02 .heading strong { font-size: 18px; }
#contArea01 .vSection02 .heading .more a {padding:10px; background: url(/images/main/more-heading.gif) no-repeat right 0px; color: #fff; font-size: .8em; padding-right: 13px; }
#contArea01 .vSection02 .heading .more a:hover, #contArea01 .vSection02 .heading .more a:focus { background-position: right -48px; text-decoration: none; }
#contArea01 .vSection02 .slider { height:230px; overflow:hidden;  }
	
#contArea01 .vSection02 .prime {float:left; border:1px solid #c3c3c3; margin:0; width:91.8%; }
#contArea01 .vSection02 .listing { margin-bottom: 0; background: #fff; margin:0; }
#contArea01 .vSection02 .listing li { float: left; width:24.5%; margin-right: 1px;  border-right: 1px solid #c3c3c3; height:120px;}
#contArea01 .vSection02 .listing .last { border-right: none; }
#contArea01 .vSection02 .listing .first { width:24.5%; padding: 20px 17px; }


#contArea01 .vSection02 .listing h3 {padding:0 15px; margin-bottom: 3px; font: bold  Helvetica, Arial, sans-serif; font-size: 16px;}
#contArea01 .vSection02 .listing h3 a { color: #237491; text-decoration: none; }
#contArea01 .vSection02 .listing h3 a:hover, #contArea .visualArea .vSection02 .listing h3 a:focus { text-decoration: underline; }
#contArea01 .vSection02 .txt01 {padding-top:15px;  padding-bottom:5px; padding-left:15px; padding-right:15px; line-height: 1.4; font-weight: normal; text-transform: none; font-size: 15px;}
#contArea01 .vSection02 .txt02 {padding:0 15px;line-height: 1.4; font-weight: normal; text-transform: none; font-size: 13.7px; }

/*선문뉴스*/
#maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:320px;} 
#contArea02 {position:relative; overflow:hidden; width:1094px; margin:0 auto;}

#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:291px;}
#contArea02 .news .tit {position:relative; margin:10px 0;}
#contArea02 .news .tit h2 {font-size:21px;}
#contArea02 .news .tit h2 span { color:#237491;}
#contArea02 .news .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
#contArea02 .news .tit p.more a {display:block; width:100%; height:100%;}
#contArea02 .news .newsarea {width:265px; height:292px; background:#fff; border: 1px solid #e5e5e5; margin-right:10px;}
#contArea02 .news .newsarea > div {margin:25px 20px; font-size:12px; line-height:1.5em;}

#contArea02 .news li {overflow:hidden; float:left; margin-bottom: 5px; width:23.9%; margin-right:14px; padding:0px; border: 1px solid #e5e5e5; background-color:#fff; height:260px;}
#contArea02 .news li.last{margin-right: 0px;}
#contArea02 .news li dl {position:relative; overflow:hidden; padding:160px 20px 0px 20px;}
#contArea02 .news li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
#contArea02 .news li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
#contArea02 .news li dl dd.nbtit {margin-bottom:3px; font-size:16px; color:#494949; margin-bottom:3px;}
#contArea02 .news li dl dd.img {display:block; position:absolute; top:10px; left:24px; width:212px; height:145px;}
#contArea02 .news li dl dd.img img {width:212px; height:145px;}
#contArea02 .news li dl dd > span {display:block;}

#contArea03 .tit {position:relative; margin:25px 25px 20px 25px; height:50px; border-bottom: 1px solid #cccccc;}
#contArea03 .tit h2 {font-size:21px; margin-bottom:25px}
#contArea03 .tit h2 span { color:#237491;}
#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
#contArea03 .tit p.more a {display:block; width:100%; height:100%;}

#contArea03 .c_area01 .notice {width:100%; height:403px; background:#fff; border: 1px solid #e5e5e5;}
#contArea03 .c_area01 .notice > ul { font-size:14px; margin:25px 25px;}
#contArea03 .c_area01 .notice > ul > li {background:url('/images/main/blt_list02.gif') no-repeat 10px 8px; padding-left:20px; width:100%;}
#contArea03 .c_area01 .notice > ul > li.point{background:url('/images/main/blt_list01.gif') no-repeat 5px 1px; padding-left:20px;}
#contArea03 .c_area01 .notice > ul > li > a {display:block; width:100%; height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#contArea03 .c_area02 .event {width:100%; height:403px; background:#fff; border: 1px solid #e5e5e5;}
#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 25px; margin-bottom:25px; width:auto;}
#contArea03 .c_area02 .event > ul >li { clear:both; overflow:hidden; float:left; width:100%;}
#contArea03 .c_area02 .event > ul >li:first-child {float:left; }
#contArea03 .c_area02 .event > ul >li dl {position:relative; overflow:hidden; min-height:55px; padding:2px 0 7px 80px; border-bottom:1px dotted #e2e2e2;}
#contArea03 .c_area02 .event > ul >li dl.first {padding:2px 0 7px 80px;}
#contArea03 .c_area02 .event > ul >li dl.last {border-bottom:0px dotted #e2e2e2;}
#contArea03 .c_area02 .event > ul >li dt {line-height:140%; margin-top:3px; margin-bottom:3px; font-size:14px; color:#333; letter-spacing:-1px;}
#contArea03 .c_area02 .event > ul >li dd {line-height:160%; padding-right:10px; letter-spacing:-1px; font-size:11px; color:#999999}
#contArea03 .c_area02 .event > ul >li dd.img {position:absolute; top:15px; left:0px; width:66px; height:59px; background:url('/images/main/event_bg01.gif') no-repeat; text-align:center; color:#fff; font-weight:bold; font-size:15px; padding:0px 10px; padding-top:3px; line-height:20px;}
#contArea03 .c_area02 .event > ul >li dd.img span{font-size:13px;}
#contArea03 .c_area02 .event > ul >li dd.frist {top:5px;}

#contArea03 .c_area02 .event > ul >li dd.btn {position:absolute; bottom:30px;}
#contArea03 .c_area02 .event > ul >li dd span {display:block;}

#contArea03 .c_area03 .quickgo {width:100%; height:403px; background:#fff; border: 1px solid #e5e5e5;}
#contArea03 .c_area03 .quickgo .tit {position:relative; margin:0px 25px; margin-top:25px; height:74p; border-bottom:0px solid #cccccc;}
#contArea03 .c_area03 .quickgo .tit h2 {font-size:21px; margin-bottom:25px}
#contArea03 .c_area03 .quickgo .tit h2 span { color:#237491;}
#contArea03 .c_area03 .quickgo .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
#contArea03 .c_area03 .quickgo .tit p.more a {display:block; width:100%; height:100%;}


/*홍보동영상*/
#maincont03 {position:relative; width:100%; background: #fff; min-height:400px;} 
#contArea04 {position:relative; overflow:hidden; width:1094px; margin:0 auto;}

#contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:400px;}
#contArea04 .adv .tit {position:relative; margin:29px 0;}

#contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:49%; margin-right:14px; padding:20px; border: 1px solid #e5e5e5; background-color:#fff; height:350px;}
#contArea04 .adv li.last {margin-right: 0px;}
#contArea04 .adv li .video-container {	position:relative;	height:274px;	overflow:hidden;    width:487px;}
#contArea04 .adv li .video-container iframe, 
#contArea04 .adv li .video-container object, 
#contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
#contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

/*홍보아이콘*/
#maincont04 {position:relative; width:100%; background: #fff; min-height:181px;} 
#contArea05 {position:relative; overflow:hidden; width:1094px; margin:0 auto;}

#contArea05 .icon {position:relative; overflow:hidden; width:100%; min-height:181px;}

#contArea05 .icon li {overflow:hidden; float:left; margin-bottom: 5px; width:16.5%; padding:0px; background-color:#fff; height:181px;}
#contArea05 .icon li.last {margin-right: 0px;}  
#contArea05 .icon li img {display:block; position:absolute; width:160px; height:160px; margin:0px 20px;}

/*선문공감*/
#maincont05 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:320px;} 
#contArea06 {position:relative; overflow:hidden; width:1094px; margin:0 auto;}

#contArea06 .harmony {position:relative; overflow:hidden; width:100%; min-height:291px;}
#contArea06 .harmony .tit {position:relative; margin:10px 0;}
#contArea06 .harmony .tit h2 {font-size:21px;}
#contArea06 .harmony .tit h2 span { color:#237491;}
#contArea06 .harmony .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
#contArea06 .harmony .tit p.more a {display:block; width:100%; height:100%;}

#contArea06 .harmony li {overflow:hidden; float:left; margin-bottom: 5px; width:23.9%; margin-right:14px; padding:0px; border: 1px solid #e5e5e5; background-color:#fff; height:260px;}
#contArea06 .harmony li.last {margin-right: 0px;}
#contArea06 .harmony li dl {position:relative; overflow:hidden; padding:160px 20px 0px 20px;}
#contArea06 .harmony li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
#contArea06 .harmony li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
#contArea06 .harmony li dl dd.nbtit {margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}
#contArea06 .harmony li dl dd.img {display:block; position:absolute; top:10px; left:24px; width:212px; height:145px;}
#contArea06 .harmony li dl dd.img img {width:212px; height:145px;}
#contArea06 .harmony li dl dd > span {display:block;}

/*인스타그램*/
#maincont06 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:320px;} 
#contArea07 {position:relative; overflow:hidden; width:1094px; margin:0 auto;}

#contArea07 .instagram {position:relative; overflow:hidden; width:100%; min-height:291px;}
#contArea07 .instagram .tit {position:relative; margin:10px 0;}
#contArea07 .instagram .tit h2 {font-size:21px;}
#contArea07 .instagram .tit h2 span { color:#237491;}
#contArea07 .instagram .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
#contArea07 .instagram .tit p.more a {display:block; width:100%; height:100%;}

#contArea07 .instagram li {overflow:hidden; float:left; margin-bottom: 5px; width:23.7%; margin-right:14px; padding:0px; border: 1px solid #e5e5e5; background-color:#fff; height:260px;}
#contArea07 .instagram li.last {margin-right: 0px;}
#contArea07 .instagram li dl {position:relative; overflow:hidden; padding:160px 20px 0px 20px;}
#contArea07 .instagram li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
#contArea07 .instagram li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
#contArea07 .instagram li dl dd.nbtit {margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}
#contArea07 .instagram li dl dd.nbcmt {max-height:70px; overflow:hidden;} 
#contArea07 .instagram li dl dd.img {display:block; position:absolute; top:10px; left:24px; width:212px; height:145px;}
#contArea07 .instagram li dl dd.img img {width:212px; height:145px;}
#contArea07 .instagram li dl dd > span {display:block;}


.conLink {overflow: hidden; margin:0px 25px;}
.conLink li {float: left; margin-bottom: 5px; width:47.8%; margin-right: 4px;  border: 1px solid #e5e5e5;
-moz-border-radius: 5px; /*모질라*/
-webkit-border-radius: 5px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 5px; background: url(/images/main/bg_conAside_ico.png) no-repeat right 0px;}
.conLink li:first-child {}

/*.conLink li:last-child {margin-left: 4px;}*/
.icoLast {margin-left: 4px;}
.conLink li a { float:left; display: block; margin:0; padding:13px; text-align: left; font-size: 12px; color: #262a2d;}

.conLink li.ico01 {background-position: right -18px;}
.conLink li.ico02 {background-position: right -128px;}
.conLink li.ico03 {background-position: right -232px;}
.conLink li.ico04 {background-position: right -342px;}
.conLink li.ico05 {background-position: right -232px;}
.conLink li.ico06 {background-position: right -446px;}
.conLink li.ico07 {background-position: right -552px;}
.conLink li.ico08 {background-position: right -662px;}
.conLink li.ico09 {background-position: right -769px;}
.conLink li.ico10 {background-position: right -877px;}
.conLink li.ico11 {background-position: right -986px;}
.conLink li.ico12 {background-position: right -1090px;}
.conLink li.ico13 {background-position: right -1177px;padding-top:67px;height:40px;line-height:17px;}
.conLink li.ico14 {background-position: right -1286px;}



/* 2nd Big */
@media only screen and (min-width:851px) and (max-width:1179px) {
    #main { min-height:650px; }

    #main .carousel {height:610px; overflow: hidden; background:#237491;}
    #main .carousel .prev-image,
	#main .carousel .next-image { height:450px; }	
    #main .carousel-item {width:800px; height:465px; background-size:100% 100% !important; background-position:50% -15px !important;}
    #main .carousel-controls { left:400px; top:550px; margin-left:calc(50% - 130px); margin-bottom:0px; }

    #main .vSection {clear:both; position:absolute; top:450px; width:100%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

	#maincont01 {min-height:320px;} 

	#contArea{width:850px; } 
    
    /*팝업존*/
    #contArea01 {position:relative; overflow:hidden; min-height:30px; margin:0px 120px; margin-top: 0px;}
	#contArea01 .vSection02 {width:100%; min-height:91px;}
	#contArea01 .vSection02 .heading { width:10%; padding: 10px; height: 142px;}
    #contArea01 .vSection02 .prime { width: 73.9%; }
	#contArea01 .vSection02 .listing li { width:24.5%; padding: 0px; height: 140px; }
	#contArea01 .vSection02 .listing .first {width:24.5%; padding: 20px 17px; }

    /*선문뉴스*/
    #contArea02 {width:850px; } 
    #contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:320px;}
    #contArea02 .news .tit {position:relative; margin:10px 10px;}
    #contArea02 .news li {overflow:hidden; float:left; margin-bottom: 5px; width:24%; margin-right:8px; padding:5px; border: 1px solid #e5e5e5; background-color:#fff; height:245px;}
	#contArea02 .news li:first-child {margin-left: 5px;}
	#contArea02 .news li.last{margin-right: 0px;}
	#contArea02 .news li dl {position:relative; overflow:hidden; padding:140px 10px 0px 10px;}
	#contArea02 .news li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
	#contArea02 .news li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
	#contArea02 .news li dl dd.nbtit {margin-bottom:3px; font-size:15px; font-weight:bold; color:#494949; margin-bottom:13px;}
	#contArea02 .news li dl dd.img {display:block; position:absolute; top:10px; left:5px; width:185px; height:128px;}
	#contArea02 .news li dl dd.img img {width:185px; height:128px;}
	#contArea02 .news li dl dd > span {display:block;}
	
	#contArea03 {width:850px; } 
	#contArea03 .c_area01 {float:left;width:48% ;margin-right:10px;margin-bottom:10px;  border-top: 3px solid #01aeb2;}
    #contArea03 .c_area02 {float:left;width:48%; border-top:3px solid #01aeb2;}
    #contArea03 .c_area03 {float:left;width:97%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:310px; background:#fff; border: 1px solid #e5e5e5;}
	.conLink li {float: left; margin-bottom: 5px; width:32%; margin-right: 4px;}

    
    /*홍보동영상*/
    #maincont03 {min-height:330px;} 
    #contArea04 {width:850px;}

    #contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:330px;}
    #contArea04 .adv .tit {position:relative; margin:29px 0;}

    #contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:49%; margin-right:14px; padding:15px; border: 1px solid #e5e5e5; background-color:#fff; height:280px;}
    #contArea04 .adv li.last {margin-right: 0px;}
    #contArea04 .adv li .video-container {	position:relative;	height:215px;	overflow:hidden;    width:382px;}
    #contArea04 .adv li .video-container iframe, 
    #contArea04 .adv li .video-container object, 
    #contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
    #contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

    /*홍보아이콘*/
    #contArea05 {width:850px;}

    #contArea05 .icon li img { margin:0px 0px;}


    /*선문공감*/
    #maincont05 {min-height:320px;} 
    #contArea06 {width:850px; }

    #contArea06 .harmony {position:relative; overflow:hidden; width:100%; min-height:291px;}
    #contArea06 .harmony .tit {position:relative; margin:10px 0;}

    #contArea06 .harmony li {overflow:hidden; float:left; margin-bottom: 5px; width:23.9%; margin-right:8px; padding:0px; border: 1px solid #e5e5e5; background-color:#fff; height:245px;}
    #contArea06 .harmony li.last {margin-right: 0px;}
    #contArea06 .harmony li dl {position:relative; overflow:hidden; padding:140px 10px 0px 10px;}
    #contArea06 .harmony li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
    #contArea06 .harmony li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
    #contArea06 .harmony li dl dd.nbtit {margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}
    #contArea06 .harmony li dl dd.img {display:block; position:absolute; top:10px; left:8px; width:185px; height:128px;}
    #contArea06 .harmony li dl dd.img img {width:185px; height:128px;}
    #contArea06 .harmony li dl dd > span {display:block;}

    /*인스타그램*/
    #maincont06 {min-height:320px;} 
    #contArea07 {width:850px; }

    #contArea07 .instagram {position:relative; overflow:hidden; width:100%; min-height:291px;}
    #contArea07 .instagram .tit {position:relative; margin:10px 0;}

    #contArea07 .instagram li {overflow:hidden; float:left; margin-bottom: 5px; width:23.9%; margin-right:8px; padding:0px; border: 1px solid #e5e5e5; background-color:#fff; height:245px;}
    #contArea07 .instagram li.last {margin-right: 0px;}
    #contArea07 .instagram li dl {position:relative; overflow:hidden; padding:140px 10px 0px 10px;}
    #contArea07 .instagram li dl dt {margin-bottom:9px; font-size:12px; font-weight:bold; color:#237491;}
    #contArea07 .instagram li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292}
    #contArea07 .instagram li dl dd.nbtit {margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}
    #contArea07 .instagram li dl dd.nbcmt {max-height:80px; overflow:hidden;} 
    #contArea07 .instagram li dl dd.img {display:block; position:absolute; top:10px; left:8px; width:185px; height:128px;}
    #contArea07 .instagram li dl dd.img img {width:185px; height:128px;}
    #contArea07 .instagram li dl dd > span {display:block;}

}

/* 3rd Big */
@media only screen and (min-width:728px) and (max-width:850px) { 
    #main { min-height:530px; }

    #main .carousel {height:530px; overflow: hidden; background:#237491;}
    #main .carousel .prev-image,
	#main .carousel .next-image { height:370px; }	
    #main .carousel-item {width:728px; height:385px; background-size:100% 100% !important; background-position:50% -15px !important;}
    #main .carousel-controls { left:360px; margin-left:calc(50% - 130px); margin-bottom:0px; }

    #main .vSection {clear:both; position:absolute; top:370px; width:100%; height:250px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:310px;} 

	#contArea{width:708px;} 

    /*팝업존*/
	#contArea01{width:708px;}
	#contArea01 .vSection02 .heading { width:15%; padding: 10px; height: 202px;}
    #contArea01 .vSection02 .prime { width: 85%; }
	#contArea01 .vSection02 .listing { background: #fff ; }
    #contArea01 .vSection02 .listing li { width:24.5%; padding: 12px; height: 200px; }
	#contArea01 .vSection02 .listing .first {width:24.5%; padding: 20px 17px; }
	#contArea01 .vSection02 .txt01 {padding-top:5px;}
    
    /*선문뉴스*/
	#contArea02{width:708px;} 
	#contArea02 .news .tit {position:relative; margin:10px 0px;}
	#contArea02 .news li {width:47.7%; height:120px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;}
    #contArea02 .news li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea02 .news li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li  dl dd.img {display:block; position:absolute; top:15px; left:5px; width:140px; height:80px;}
    #contArea02 .news li  dl dd.img img {width:140px; height:80px;}
	
	#maincont02 {position:relative; width:100%; background: #fff; /* min-height:420px; */}

	/*#contArea03 { width:100%; margin:10px 15px;}*/
    #contArea03{width:708px;} 
    #contArea03 .c_area01 .notice {height:423px;}
	#contArea03 .c_area01 {float:left;width:48% ;margin-right:10px;margin-bottom:10px;  border-top: 3px solid #01aeb2;}
    #contArea03 .c_area02 .event {height:423px;}
    #contArea03 .c_area02 {float:left;width:48%; border-top:3px solid #01aeb2;}
    #contArea03 .c_area03 { clear:both; float:left; width:97%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:300px; background:#fff; border: 1px solid #e5e5e5;}
	.conLink li {float: left; margin-bottom: 5px; width:32%; margin-right: 4px;}
	
    
    /*홍보동영상*/
    #maincont03 {min-height:300px;} 
    #contArea04 {width:708px;}

    #contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:300px;}
    #contArea04 .adv .tit {position:relative; margin:29px 0;}

    #contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:49%; margin-right:5px; padding:5px; border: 1px solid #e5e5e5; background-color:#fff; height:250px;}
    #contArea04 .adv li.last {margin-right: 0px;}
    #contArea04 .adv li .video-container {	position:relative;	height:187px;	overflow:hidden;    width:332px;}
    #contArea04 .adv li .video-container iframe, 
    #contArea04 .adv li .video-container object, 
    #contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
    #contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

    /*홍보아이콘*/
    #contArea05 {width:708px;}

    #contArea05 .icon li img { margin:0px 0px;}
    #contArea05 .icon li {overflow:hidden; float:left; margin-bottom: 5px; width:32%; padding: 0 0 0 30px; background-color:#fff; height:181px;}
    #contArea05 .icon li img {display:block; position:absolute; width:160px; height:160px; margin:0px 20px;}
    
    /*선문공감*/
    #maincont05 {min-height:320px;} 
    #contArea06 {width:708px; }

    #contArea06 .harmony .tit {position:relative; margin:10px 0;}
    #contArea06 .harmony li {width:47.7%; height:120px;}
    #contArea06 .harmony li dl {overflow:hidden; padding:0px 5px 25px 169px;}

    #contArea06 .harmony li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea06 .harmony li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea06 .harmony li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea06 .harmony li  dl dd.img {display:block; position:absolute; top:15px; left:10px; width:140px; height:80px;}
    #contArea06 .harmony li  dl dd.img img {width:140px; height:80px;}

    /*인스타그램*/
    #maincont06 {min-height:320px;} 
    #contArea07 {width:708px; }

    #contArea07 .instagram .tit {position:relative; margin:10px 0;}
    #contArea07 .instagram li {width:47.7%; height:120px;}
    #contArea07 .instagram li dl {overflow:hidden; padding:0px 5px 25px 169px;}

    #contArea07 .instagram li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea07 .instagram li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea07 .instagram li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
    #contArea07 .instagram li  dl dd.nbcmt {max-height:90px; overflow:hidden;} 
	#contArea07 .instagram li  dl dd.img {display:block; position:absolute; top:15px; left:10px; width:140px; height:80px;}
    #contArea07 .instagram li  dl dd.img img {width:140px; height:80px;}
}

/* 4rd Big */
@media only screen and (min-width:561px) and (max-width:727px) {
 
    #main { min-height:490px; }

    #main .carousel {height:470px; overflow:hidden; background:#237491;}
    #main .carousel .prev-image,
	#main .carousel .next-image { height:300px; }	
    #main .carousel-item {width:560px; height:315px; background-size:100% 100% !important; background-position:50% -15px !important;}
    #main .carousel-controls { left:260px; margin-left:calc(50% - 130px); margin-bottom:0px; }

    #main .vSection {clear:both; position:absolute; top:300px; width:100%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

	#contArea{width:560px;} 
	
    /*팝업존*/
  	#contArea01 {float:none; width:560px; max-width:420px; margin:0 auto }
	#contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading { vertical-align: top; display: table-cell; padding: 0px; position: relative; width:100%; height:50px}
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none;  height:215px}
    #contArea01 .vSection02 .listing li { width: 49.5%; padding: 12px; height: 80px; border: 0; position: relative; margin-bottom:15px }

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:310px;} 

	#contArea02 {width:560px;} 
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:110px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;height:90px; }
    #contArea02 .news li dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:170%;}
    #contArea02 .news li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li dl dd.nbtit {font-size:15px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li dl dd.img {display:block; position:absolute; top:15px; left:0px; width:140px; height:80px;}
    #contArea02 .news li dl dd.img img {width:140px; height:80px;}

	#maincont02 {position:relative; width:100%; background: #fff; /* min-height:420px; */}

	/*#contArea03 { width:100%; margin:10px 15px;}*/
    #contArea03{width:560px;} 
	#contArea03 .c_area01 {float:left;width:48% ;margin-right:10px;margin-bottom:10px;  border-top: 3px solid #01aeb2;}
    #contArea03 .c_area02 {float:left;width:48%; border-top:3px solid #01aeb2;}
    #contArea03 .c_area03 { clear:both; float:left; width:97%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:300px; background:#fff; border: 1px solid #e5e5e5;}
	.conLink li {float: left; margin-bottom: 5px; width:32%; margin-right: 4px;}

    
    /*홍보동영상*/
    #maincont03 {min-height:300px;} 
    #contArea04 {width:560px;}

    #contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:300px;}
    #contArea04 .adv .tit {position:relative; margin:29px 0;}

    #contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:99%; margin-right:5px; padding:5px; border: 1px solid #e5e5e5; background-color:#fff; height:370px;}
    #contArea04 .adv li.last {margin-right: 0px;}
    #contArea04 .adv li .video-container {	position:relative;	height:305px;	overflow:hidden;    width:542px;}
    #contArea04 .adv li .video-container iframe, 
    #contArea04 .adv li .video-container object, 
    #contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
    #contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

    /*홍보아이콘*/
    #contArea05 {width:560px;}

    #contArea05 .icon li img { margin:0px 0px;}
    #contArea05 .icon li {overflow:hidden; float:left; margin-bottom: 5px; width:32%; padding: 0 0 0 0px; background-color:#fff; height:181px;}
    #contArea05 .icon li img {display:block; position:absolute; width:160px; height:160px; margin:0px 20px;}
    
    /*선문공감*/
    #maincont05 {min-height:320px;} 
    #contArea06 {width:560px; }

    #contArea06 .harmony .tit {width:98%; margin:10px 0px;}
    #contArea06 .harmony li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea06 .harmony li dl {overflow:hidden; padding:0px 5px 55px 169px;}

    #contArea06 .harmony li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea06 .harmony li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea06 .harmony li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea06 .harmony li  dl dd.img {display:block; position:absolute; top:5px; left:5px; width:150px; height:80px;}
    #contArea06 .harmony li  dl dd.img img {width:140px; height:80px;}

    /*인스타그램*/
    #maincont06 {min-height:320px;} 
    #contArea07 {width:560px; }

    #contArea07 .instagram .tit {width:98%; margin:10px 0px;}
    #contArea07 .instagram li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea07 .instagram li dl {overflow:hidden; padding:0px 5px 55px 169px;}

    #contArea07 .instagram li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea07 .instagram li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea07 .instagram li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
    #contArea07 .instagram li dl dd.nbcmt {max-height:80px; overflow:hidden;} 
	#contArea07 .instagram li  dl dd.img {display:block; position:absolute; top:5px; left:5px; width:150px; height:80px;}
    #contArea07 .instagram li  dl dd.img img {width:140px; height:80px;}
}

/* 5th Big  */
@media only screen and (min-width:401px) and (max-width:560px) {
    #main { min-height:430px; }

    #main .carousel {height:420px; overflow:hidden; background:#237491;}
    #main .carousel .prev-image,
	#main .carousel .next-image { height:250px; }	
    #main .carousel-item {width:460px; height:265px; background-size:100% 100% !important; background-position:50% -15px !important;}
    #main .carousel-controls { left:230px; top:375px; margin-left:calc(50% - 130px); margin-bottom:0px; }

    #main .vSection {clear:both; position:absolute; top:250px; width:100%; height:220px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

    #contArea{width:100%;} 

    /*팝업존*/
    #contArea01{width:98%;}
    #contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading { vertical-align: top; display: table-cell; padding: 0px; position: relative; width:100%; height:50px}
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none; height:230px}
    #contArea01 .vSection02 .listing li { width: 49.5%; padding: 2px; height: 80px; border: 0; position: relative; margin-bottom:20px}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:360px;}

    #contArea02{width:98%;} 
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:110px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;height:90px; }
    #contArea02 .news li dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:170%;}
    #contArea02 .news li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li dl dd.nbtit {font-size:15px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li dl dd.img {display:block; position:absolute; top:15px; left:3px; width:140px; height:80px;}
    #contArea02 .news li dl dd.img img {width:140px; height:80px;}
	
    #contArea03{width:98%;} 
	#contArea03 .tit {position:relative; margin:10px 5px; height:50px; border-bottom: 1px solid #cccccc;}
	#contArea03 .tit h2 {font-size:19px; margin-bottom:10px}
	#contArea03 .tit h2 span { color:#237491;}
	#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
	#contArea03 .tit p.more a {display:block; width:100%; height:100%;}

	#contArea03 .c_area01 {float:left; width:98%; margin-bottom:10px;  border-top: 3px solid #01aeb2;}
	#contArea03 .c_area01 .notice {height:325px; }
	#contArea03 .c_area01 .notice > ul { font-size:13px; margin:5px 5px;}
    #contArea03 .c_area02 {float:left; width:98%; border-top:3px solid #01aeb2; margin-bottom:10px;}
	#contArea03 .c_area02 .event {height:340px;}
	#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 5px; margin-bottom:5px; width:auto;}

    #contArea03 .c_area03 { clear:both; float:left;width:98%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:350px; background:#fff; border: 1px solid #e5e5e5;}
	#contArea03 .c_area03 .quickgo .tit {margin:0px 5px; margin-top:10px;}
    .conLink li {float: left; margin-bottom: 5px; width:19.5%; margin-right: 4px;}

	.conLink {overflow: hidden; margin:0px 5px;}
	.conLink li {float: left; margin-bottom: 5px; width:48%; margin-right: 4px;}

     /*홍보동영상*/
    #maincont03 {min-height:300px;} 
    #contArea04 {width:401px;}

    #contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:300px;}
    #contArea04 .adv .tit {position:relative; margin:29px 0;}

    #contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:99%; margin-right:5px; padding:5px; border: 1px solid #e5e5e5; background-color:#fff; height:280px;}
    #contArea04 .adv li.last {margin-right: 0px;}
    #contArea04 .adv li .video-container {	position:relative;	height:218px;	overflow:hidden;    width:384px;}
    #contArea04 .adv li .video-container iframe, 
    #contArea04 .adv li .video-container object, 
    #contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
    #contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

    /*홍보아이콘*/
    #contArea05 {width:401px;}

    #contArea05 .icon li img { margin:0px 0px;}
    #contArea05 .icon li {overflow:hidden; float:left; margin-bottom: 5px; width:49%; padding: 0 0 0 0px; background-color:#fff; height:181px;}
    #contArea05 .icon li img {display:block; position:absolute; width:160px; height:160px; margin:0px 20px;}
    
    /*선문공감*/
    #maincont05 {min-height:320px;} 
    #contArea06 {width:98%; }

    #contArea06 .harmony .tit {width:98%; margin:10px 0px;}
    #contArea06 .harmony li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea06 .harmony li dl {overflow:hidden; padding:0px 5px 25px 169px;}

    #contArea06 .harmony li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea06 .harmony li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea06 .harmony li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea06 .harmony li  dl dd.img {display:block; position:absolute; top:5px; left:5px; width:140px; height:80px;}
    #contArea06 .harmony li  dl dd.img img {width:140px; height:80px;}

    /*인스타그램*/
    #maincont06 {min-height:320px;} 
    #contArea07 {width:98%; }

    #contArea07 .instagram .tit {width:98%; margin:10px 0px;}
    #contArea07 .instagram li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea07 .instagram li dl {overflow:hidden; padding:0px 5px 25px 169px;}

    #contArea07 .instagram li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea07 .instagram li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea07 .instagram li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
    #contArea07 .instagram li dl dd.nbcmt {max-height:80px; overflow:hidden; } 
	#contArea07 .instagram li  dl dd.img {display:block; position:absolute; top:5px; left:5px; width:140px; height:80px;}
    #contArea07 .instagram li  dl dd.img img {width:140px; height:80px;}
}


/* 6th Big  and (min-width:400px)*/
@media only screen  and (max-width:400px) {
    #main { min-height:410px; }

    #main .carousel {height:400px; overflow:hidden; background:#237491;}
    #main .carousel .prev-image,
	#main .carousel .next-image { height:190px; }	
    #main .carousel-item {width:350px; height:205px; background-size:100% 100% !important; background-position:50% -15px !important;}
    #main .carousel-controls { left:170px; margin-left:calc(50% - 130px); margin-bottom:0px; }

    #main .vSection {clear:both; position:absolute; top:190px; width:100%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

    #contArea{width:100%;} 

    #contArea01{width:98%; height:290px;}
    #contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading { vertical-align: top; display: table-cell; padding: 0px; position: relative; width:100%; height:50px}
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none; height:230px}
    #contArea01 .vSection02 .listing li { width: 49.5%; padding: 12px; height: 80px; border: 0; position: relative; margin-bottom:20px}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:360px;}

    #contArea02{width:98%;} 
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:110px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;height:90px; }
    #contArea02 .news li dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:170%;}
    #contArea02 .news li dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li dl dd.nbtit {font-size:15px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li dl dd.img {display:block; position:absolute; top:15px; left:0px; width:140px; height:80px;}
    #contArea02 .news li dl dd.img img {width:140px; height:80px;}
	
    #contArea03{width:98%;} 
	#contArea03 .tit {position:relative; margin:10px 5px; height:50px; border-bottom: 1px solid #cccccc;}
	#contArea03 .tit h2 {font-size:19px; margin-bottom:10px}
	#contArea03 .tit h2 span { color:#237491;}
	#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
	#contArea03 .tit p.more a {display:block; width:100%; height:100%;}

	#contArea03 .c_area01 {float:left; width:98%; margin-bottom:10px;  border-top: 3px solid #01aeb2;}
	#contArea03 .c_area01 .notice {height:325px; }
	#contArea03 .c_area01 .notice > ul { font-size:13px; margin:5px 5px;}
    #contArea03 .c_area02 {float:left; width:98%; border-top:3px solid #01aeb2; margin-bottom:10px;}
	#contArea03 .c_area02 .event {height:340px;}
	#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 5px; margin-bottom:5px; width:auto;}

    #contArea03 .c_area03 { clear:both; float:left;width:98%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:350px; background:#fff; border: 1px solid #e5e5e5;}
	#contArea03 .c_area03 .quickgo .tit {margin:0px 5px; margin-top:10px;}
    .conLink li {float: left; margin-bottom: 5px; width:19.5%; margin-right: 4px;}

	.conLink {overflow: hidden; margin:0px 5px;}
	.conLink li {float: left; margin-bottom: 5px; width:48%; margin-right: 4px;}

    
     /*홍보동영상*/
    #maincont03 {min-height:300px;} 
    #contArea04 {width:320px;}

    #contArea04 .adv {position:relative; overflow:hidden; width:100%; min-height:300px;}
    #contArea04 .adv .tit {position:relative; margin:29px 0;}

    #contArea04 .adv li {overflow:hidden; float:left; margin-bottom: 5px; width:99%; margin-right:5px; padding:5px; border: 1px solid #e5e5e5; background-color:#fff; height:240px;}
    #contArea04 .adv li.last {margin-right: 0px;}
    #contArea04 .adv li .video-container {	position:relative;	height:174px;	overflow:hidden;    width:306px;}
    #contArea04 .adv li .video-container iframe, 
    #contArea04 .adv li .video-container object, 
    #contArea04 .adv li .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%; }
    #contArea04 .adv li .nbtit { margin-top:10px; margin-bottom:3px; font-size:13px; font-weight:bold; color:#494949; margin-bottom:13px;}

    /*홍보아이콘*/
    #contArea05 {width:320px;}

    #contArea05 .icon li img { margin:0px 0px;}
    #contArea05 .icon li {overflow:hidden; float:left; margin-bottom: 5px; width:49%; padding: 0 0 0 0px; background-color:#fff; height:181px;}
    #contArea05 .icon li img {display:block; position:absolute; width:160px; height:160px; margin:0px 0px;}
    
    /*선문공감*/
    #maincont05 {min-height:320px;} 
    #contArea06 {width:98%; }

    #contArea06 .harmony .tit {width:98%; margin:10px 0px;}
    #contArea06 .harmony li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea06 .harmony li dl {overflow:hidden; padding:0px 0px 0px 149px;height:110px; }

    #contArea06 .harmony li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea06 .harmony li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea06 .harmony li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea06 .harmony li  dl dd.img {display:block; position:absolute; top:10px; left:0px; width:140px; height:80px;}
    #contArea06 .harmony li  dl dd.img img {width:140px; height:80px;}

    /*인스타그램*/
    #maincont06 {min-height:320px;} 
    #contArea07 {width:98%; }

    #contArea07 .instagram .tit {width:98%; margin:10px 0px;}
    #contArea07 .instagram li {width:98%; height:110px; padding:5px; margin-right:5px;}
    #contArea07 .instagram li dl {overflow:hidden; padding:0px 0px 0px 149px;height:110px; }

    #contArea07 .instagram li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea07 .instagram li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea07 .instagram li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
    #contArea07 .instagram li  dl dd.nbcmt {max-height:80px; overflow:hidden; } 
	#contArea07 .instagram li  dl dd.img {display:block; position:absolute; top:10px; left:0px; width:140px; height:80px;}
    #contArea07 .instagram li  dl dd.img img {width:140px; height:80px;}
}

/* 6th Big */
/*@media only screen and (min-width:420px) and (max-width:450px) { 
#main { min-height:400px; }
#main .carousel-controls { margin-left:calc(50% - 140px); }

    #main .carousel {height:470px;}			
    #main .carousel-item {width:100%;   background-size:100% 100% !important;background-position:50% -15px !important;}
    #main .carousel-controls {margin-left:calc(50% - 130px); margin-bottom:0px;}
    #main .vSection {clear:both; position:absolute; top:270px; width:105%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:340px;}

	#contArea01 {float:none; width:auto; max-width:420px; margin:0 auto }
	#contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading { vertical-align: top; display: table-cell; padding: 0px; position: relative; width:100%; height:50px}
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none;  height:210px}
    #contArea01 .vSection02 .listing li { width: 49.5%; padding: 12px; height: 80px; border: 0; position: relative; margin-bottom:20px }


	#contArea02 {width: 99%}
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:100px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;}
    #contArea02 .news li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea02 .news li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li  dl dd.img {display:block; position:absolute; top:15px; left:0px; width:150px; height:150px;}
    #contArea02 .news li  dl dd.img img {width:100%;}
	
	#contArea03 {margin:5px 5px;}
	#contArea03 .tit {position:relative; margin:10px 5px; height:50p; border-bottom: 1px solid #cccccc;}
	#contArea03 .tit h2 {font-size:19px; margin-bottom:10px}
	#contArea03 .tit h2 span { color:#237491;}
	#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
	#contArea03 .tit p.more a {display:block; width:100%; height:100%;}

	#contArea03 .c_area01 {clear:both; float:left; width:37%; margin-bottom:10px;  border-top: 3px solid #01aeb2;}
	#contArea03 .c_area01 .notice {height:325px;}
	#contArea03 .c_area01 .notice > ul { font-size:13px; margin:5px 5px;}
    #contArea03 .c_area02 {clear:both; float:left; width:37%; border-top:3px solid #01aeb2; margin-bottom:10px;}
	#contArea03 .c_area02 .event {height:340px;}
	#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 5px; margin-bottom:5px; width:auto;}
    #contArea03 .c_area03 { clear:both; float:left;width:37%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:260px; background:#fff; border: 1px solid #e5e5e5;}
	#contArea03 .c_area03 .quickgo .tit {margin:0px 5px; margin-top:10px;}
	.conLink {overflow: hidden; margin:0px 5px;}
	.conLink li {float: left; margin-bottom: 5px; width:48.7%; margin-right: 4px;}
	
}*/

/* 7th Big */
/*@media only screen and (min-width:360px) and (max-width:400px) { 
#main { min-height:400px; }
#main .carousel-controls { margin-left:calc(50% - 140px); }

    #main .carousel {height:470px;}			
    #main .carousel-item {width:100%;   background-size:100% 100% !important;background-position:50% -15px !important;}
    #main .carousel-controls {margin-left:calc(50% - 130px); margin-bottom:0px;}
    #main .vSection {clear:both; position:absolute; top:270px; width:105%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

	#contArea .popupZone .popList ul li div{width:auto; max-width:327px;} 
	#contArea .visualArea .vSection01 .page { bottom:24px; margin-left:38%;}
	
	#contArea01 {float:none; width:auto; max-width:360px; margin:0 auto }
	#contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading { padding: 10px 12px; position: relative; }
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none; }
    #contArea01 .vSection02 .listing li { width: 100%; padding: 12px; height: 80px; border: 0; position: relative; margin-bottom:20px}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:340px;}

    #contArea02 {width: 99%}
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:120px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;}
    #contArea02 .news li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea02 .news li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li  dl dd.img {display:block; position:absolute; top:15px; left:0px; width:150px; height:150px;}
    #contArea02 .news li  dl dd.img img {width:100%;}	

	#contArea03 {margin:5px 5px;}
	#contArea03 .tit {position:relative; margin:10px 5px; height:50p; border-bottom: 1px solid #cccccc;}
	#contArea03 .tit h2 {font-size:19px; margin-bottom:10px}
	#contArea03 .tit h2 span { color:#237491;}
	#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
	#contArea03 .tit p.more a {display:block; width:100%; height:100%;}
	#contArea03 .c_area01 {clear:both; float:left; width:31.5%; margin-bottom:10px;  border-top: 3px solid #01aeb2;}
	#contArea03 .c_area01 .notice {height:325px;}
	#contArea03 .c_area01 .notice > ul { font-size:13px; margin:5px 5px;}
    #contArea03 .c_area02 {clear:both; float:left; width:31.5%; border-top:3px solid #01aeb2; margin-bottom:10px;}
	#contArea03 .c_area02 .event {height:340px;}
	#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 5px; margin-bottom:5px; width:auto;}
    #contArea03 .c_area03 { clear:both; float:left;width:31.5%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:360px; background:#fff; border: 1px solid #e5e5e5;}
	#contArea03 .c_area03 .quickgo .tit {margin:0px 5px; margin-top:10px;}

	.conLink {overflow: hidden; margin:0px 5px;}
	.conLink li {float: left; margin-bottom: 5px; width:48.7%; margin-right: 4px;}
}*/

/* 8th Big */
/*@media only screen and (max-width:359px) { 
#main { min-height:400px; }
#main .carousel-controls { margin-left:calc(50% - 140px); }

    #main .carousel {height:470px;}			
    #main .carousel-item {width:100%;   background-size:100% 100% !important;background-position:50% -15px !important;}
    #main .carousel-controls {margin-left:calc(50% - 130px); margin-bottom:0px;}
    #main .vSection {clear:both; position:absolute; top:270px; width:105%; height:200px;}
    #main .vSection .title-big {height:35px; font-size:30px;  line-height:32px; color:#111;}
    #main .vSection .title-big img {width:138px;}
    #main .vSection .main_txt {padding:20px 30px;}
    #main .vSection .title {padding:30px 0 0 0; }
    #main .vSection ul.buttonset {margin:10px 0 0 0;}

	#contArea .popupZone .popList ul li div{width:auto; max-width:285px;}
	
	#contArea .visualArea {height: 420px;}
	#contArea .visualArea .vSection01 {top:158px;}
	#contArea .visualArea .vSection03  {top:318px;}
	#contArea .visualArea .vSection02  {top:478px;}
	#contArea .visualArea .vSection04  {top:638px;}
	#contArea .visualArea .vBanner .page{ top:20px; width:100px;}
	#contArea .visualArea .vBanner ul li p.size320{ width:100% !important; }
	#contArea .visualArea .vBanner ul li p.size320 img{height:100%!important; width:100%} 
	#contArea .visualArea .vSection01{top:200px; width:100%; height:225px;}  
    #contArea .visualArea .vSection01 .page { bottom:24px; margin-left:38%;}
	
	#contArea01 {float:none; width:auto; max-width:320px; margin:0 auto }
	#contArea01 .vSection02 { display: block; width: 100%; position: relative; border: 0; }
    #contArea01 .vSection02 .heading {vertical-align: top; display: table-cell; padding: 0px; position: relative; width:100%; height:50px }
    #contArea01 .vSection02 .heading h2 { width: 100%; margin: 0 0 5px 0; }
    #contArea01 .vSection02 .heading p { position: absolute; width: 120px; text-align: right; top: 15px; right: 10px; }
    #contArea01 .vSection02 .heading strong { display: inline; font-size: 1em; font-weight: normal; text-transform: none; }
    #contArea01 .vSection02 .prime { width: 100%; }
    #contArea01 .vSection02 .listing { background: none; }
    #contArea01 .vSection02 .listing li { width: 100%; padding: 12px; height: 80px; border: 0; position: relative; margin-bottom:20px}

    #maincont01 {position:relative; width:100%; background: #f7f7f7 url(/images/main/news_bg.gif) repeat 0 0; min-height:340px;}

	#contArea02 {width: 99%}
	#contArea02 .news .tit {width:98%; margin:10px 0px;}
	#contArea02 .news {position:relative; overflow:hidden; width:100%; min-height:330px; margin:0px 5px;}
	#contArea02 .news li {width:98%; height:120px; padding:5px; margin-right:5px;}
	#contArea02 .news li dl {overflow:hidden; padding:0px 5px 0px 149px;}
    #contArea02 .news li  dl dt {margin-top:10px; margin-bottom:5px; font-size:12px; font-weight:bold; color:#237491; line-height:140%;}
    #contArea02 .news li  dl dd {font-size:12px; letter-spacing:-1px;  color:#929292; line-height:160%; padding-right:10px;}
    #contArea02 .news li  dl dd.nbtit {font-size:13px; font-weight:bold; color:#494949; margin-bottom:5px;}
	#contArea02 .news li  dl dd.img {display:block; position:absolute; top:15px; left:0px; width:150px; height:150px;}
    #contArea02 .news li  dl dd.img img {width:100%;}
	
	#contArea03 {margin:5px 5px;}
	#contArea03 .tit {position:relative; margin:10px 5px; height:50p; border-bottom: 1px solid #cccccc;}
	#contArea03 .tit h2 {font-size:19px; margin-bottom:10px}
	#contArea03 .tit h2 span { color:#237491;}
	#contArea03 .tit p.more {position:absolute; top:0px; right:0px; width:22px; height:22px; background:url('/images/main/news_more.gif') no-repeat left top; text-indent:-9999px; overflow:hidden;}
	#contArea03 .tit p.more a {display:block; width:100%; height:100%;}

	#contArea03 .c_area01 {clear:both; float:left; width:28.5%; margin-bottom:10px;  border-top: 3px solid #01aeb2;}
	#contArea03 .c_area01 .notice {height:325px;}
	#contArea03 .c_area01 .notice > ul { font-size:13px; margin:5px 5px;}
    #contArea03 .c_area02 {clear:both; float:left; width:28.5%; border-top:3px solid #01aeb2; margin-bottom:10px;}
	#contArea03 .c_area02 .event { height:340px;}
	#contArea03 .c_area02 .event > ul { font-size:13px; margin:0px 5px; margin-bottom:5px; width:auto;}
    #contArea03 .c_area03 { clear:both; float:left;width:28.5%;}
	#contArea03 .c_area03 .quickgo {width:100%; height:360px; background:#fff; border: 1px solid #e5e5e5;}
	#contArea03 .c_area03 .quickgo .tit {margin:0px 5px; margin-top:10px;}
	.conLink {overflow: hidden; margin:0px 5px;}
	.conLink li {float: left; margin-bottom: 5px; width:48.7%; margin-right: 4px;}
}*/