@charset "UTF-8";


@media (min-width:1025px) {  
	.mview, .mviewC {display:none !important;}
	.wview, .wviewC {display:block !important;}
	.mviewT {display:none !important;}
	.wviewT {display:table !important;}
}


/* @media (min-width:768px) and (max-width:1024px) { 1023 */
@media (max-width:1024px) {  /*  768 ~ 1023  -- */ 
	.mview, .wviewC {display:block !important;}
	.wview, .mviewC {display:none !important;}
	.mviewT {display:none !important;}
	.wviewT {display:table !important;}

	#sub_visual, #aside2, .top_weather, .othercon, .top_util, .foot_count, .qrcode, .gnb_allmneu, .btn_gnb_search, .favtxt, .mdpn,
	#foot_banner {display:none;}
	.inner {max-width:1024px; padding:0;    width:100%;}
	
	
	/* 상단 메뉴 영역 */
	#dc_menu {    display: none;    opacity: 0;    position: absolute;    top: 0;    right: -0px;    width: 250px;    background: #fff;}
	#gnb { margin-right:0px;}
	#gnb > li > div > ul {    height: auto; }
	#gnb > li {    float: none;    width: 100%;     background:#484d8f; }
	
	#gnb > li:nth-child(1) {width: 100%; background:#484d8f; margin-left:0;}
	#gnb > li:nth-child(2) {width: 100%; }
	#gnb > li:nth-child(3) {width: 100%; }
	#gnb > li:nth-child(4) {width: 100%; }
	#gnb > li:nth-child(5) {width: 100%; }
	#gnb > li:nth-child(6) {width: 100%; }
	#gnb > li:nth-child(7) {width: 100%; }
	
	#gnb > li > a { background-position: 100% -400px;   height: 50px;  border-bottom:solid 1px #3a3e72;   color: #fff;    font-size: 1.385em; padding-left:27px;    line-height: 50px;    text-align: left;    text-decoration: none; }
	#gnb > li > ul > li > a, #gnb > li > ul > li > ul > li > a, .gnb_field_list > li > a, .gnb_field_list > li > ul > li > a,
	#gnb > li > a{ background-image: url(../../images/common/img_comn.png); background-repeat: no-repeat; }
	
	#gnb > li.current {background:#285dac;}
	#gnb > li.current > a{background-position: 100% -460px; border-bottom:none;}
	    
	#gnb > li > ul.sub01, #gnb > li > ul.sub02, #gnb > li > ul.sub03, #gnb > li > ul.sub04, #gnb > li > ul.sub05, #gnb > li > ul.sub06,
	#gnb > li > ul.sub07 {    background: none; }
	#gnb > li > div.depth {   width:100%; display: block;    position: relative;    top: 0px;    left: 0;    right: 0;    padding: 0 0 0 0px;    border-bottom: 2px solid #414286;    z-index: 10;}
	
	#gnb > li > ul > li {    overflow: hidden;    background: none; background:#e8edf0;}
	#gnb > li > ul > li.current {background:#1680b2;}
	#gnb > li > ul > li > a { background-position: 27px -1379px;  border-top: 1px solid #babec0;    border-right: 0px solid #2c6ad0;    padding: 10px 0 8px;    float: none;    width: 100%;        color: #384c55;    font-size: 1.153em;    text-align:left; padding-left: 42px;  }
	#gnb > li > ul > li.current > a {color:#fff; background-position: 27px -1419px;   border-top: 1px solid #12668e;}
	#gnb a {    display: block; }
	
	#gnb > li > ul > li > ul {     float: none;    width: 100%;    padding: 10px 0;    background: #126f9b;    border-top: 1px solid #0f5b80; }
	
	#gnb > li > ul > li > ul > li {     float: none;    background: none; }
	#gnb > li > div > ul > li.hasul { background:url(../../images/layout/menu_more.png) no-repeat 100% 0px; } /* 1005 add */
	#gnb ul ul li a {   background-position: 39px -1357px;  height: 30px;    padding: 0 25px 0 45px;    color: #fff;    line-height: 30px;    word-break: keep-all; }
	
	.gnb_field_list {    position: relative;    top: 0;    left: 0px;    padding: 0;    background: #7694d6 url(../../images/layout/gnbbg2.png); }
	.gnb_field_list > li {    position: relative;    float: none;    width: 320px;    padding: 0; }
	.gnb_field_list li.current ul {    display: block !important; }
	.gnb_field_list > li > a span.img{display:none; height:70px; margin-bottom:15px; background:none;background-size:70px 740px;}
	
	#gnb li.gnb_field .depth {    position: relative;    top: 0;    left: 0;    right: 0;    height: auto;    z-index: 10; }
	
	.gnb_field_list > li > a {    background-position: 27px -1379px;    border-top: 1px solid #babec0;    border-right: 0px solid #2c6ad0;    padding: 10px 0 8px;    float: none;    width: 100%;    color: #384c55;    font-size: 1.153em;    text-align: left;    padding-left: 42px; }
	
	.gnb_field_list > li {         background: #e8edf0; }
	
	.gnb_field_list > li.current {     background: #1680b2; }
	
	.gnb_field_list > li.current > a {    color: #fff;    background-position: 27px -1419px;    border-top: 1px solid #12668e; }
	.gnb_field_list > li.current > ul {     float: none;     width: 100%;     padding: 10px 0;    background: #126f9b;    border-top: 1px solid #0f5b80; }
	
	.gnb_field_list > li > ul > li > a {    background-position: 39px -1357px;    height: 30px;    padding: 0 25px 0 45px;    color: #fff;    line-height: 30px;    word-break: keep-all; }
	
	
	body { min-width:360px;}
	
	#headertop {position:relative;height:61px;background:#fff}
	
	.top_logo {position:relative; top:10px; left:16px; width:130px;height:45px;margin:0px; overflow:hidden;}
	
	.headerother { height:35px; background:none; border-bottom:solid 0px #cbd3f1; }
	.othersite {position:relative; margin-top:0px; height:35px; width:100%;}
	.othersite li{ float:left;height:35px;width:25%; margin-top:0px;}
	.othersite li:nth-child(1) {width:25%;background:#fff; position:relative; margin:0px; padding-top:0px; line-height:35px; height:35px;}
	.othersite li:nth-child(1) a {color:#2e2f6c; background:url(../../images/layout/othersiteicon1.png) no-repeat 15px 50%; padding-left:35px; }
	.othersite li:nth-child(2) {width:25%;background:#de5281; position:relative; margin:0px; padding-top:0px; line-height:35px; height:35px;}
	.othersite li:nth-child(2) a {color:#fff; background:url(../../images/layout/othersiteicon2.png) no-repeat 15px 50%; padding-left:35px; }
	.othersite li:nth-child(3) {width:25%;background:#4e77ed; position:relative; margin:0px; padding-top:0px; line-height:35px; height:35px;}
	.othersite li:nth-child(3) a {color:#fff; background:url(../../images/layout/othersiteicon3.png) no-repeat 15px 50%; padding-left:35px; }
	.othersite li:nth-child(4) {width:25%;background:#47b3e4; position:relative; margin:0px; padding-top:0px; line-height:35px; height:35px;}
	.othersite li:nth-child(4) a {color:#fff; background:url(../../images/layout/othersiteicon4.png) no-repeat 15px 50%; padding-left:35px; }
	
	#btn_menu  { display:block;position:absolute; top: -54px; right:68px; width:45px; border-radius:50%;}
	#btn_menu img {border-radius:50%; width:100%;}
	
	
	#btn_search  { display:block;position:absolute; top: -54px; right:15px; width:45px; border-radius:50%;}
	#btn_search img {border-radius:50%; width:100%;}
	
	#gnb_wrap {height:0;}
	.gnb2 { /* position:absolute; top: -55px; right:15px;*/ }
	.gnb2 img {}
	
	.smartsearch {    top: 0px;    width: 100%;    min-height: 160px; background:none; z-index: 99;   }
	.smartsearchBox { margin: 0 20px;  padding:20px 30px; border:solid 1px #d3dbe4; background: #fff;	}
	.smartsearchBox fieldset {
	    display: block;
	    margin: 0 10px;
	}
	#srh_service { display:block; width:94%; padding:16px 3%;}
	.smartsearchBoxtit { width:186px; margin:auto; display:block; padding:30px 0 30px;}
	.smartsearchBox .search_wrapbox {
	    background: #ccc;
	    border-radius: 25px;
	    max-width: 640px;
	    width: auto;
	    margin-right:92px;
	    height: 50px;
	    position: relative;
	}
	#smtsubmit {position:absolute; right:-92px;}
	#contents { float: none; display:block; width:auto;  padding:0 15px; }
	
	#aside {float:none; width:100%;padding-bottom: 0px;}
	#aside > h2 { border-top: solid 1px #d3dbe4; position: relative;    top: 0px;    width: 100%;    height: 55px;    line-height: 55px;    padding: 0px;    color: #333c7d;    font-size: 1.923em;    text-align: center;    background: #e9eef4; }
	#aside > h2 small {display:none;}
	
	.sub_title {position:relative;padding:0px 0 0; border-top:solid 1px #d3dbe4; /* height:90px;*/ margin:0 -15px;} 
	.sub_title h2 {margin:10px 0 0;padding:0 15px; height:55px; line-height:55px; color:#333c7d;font-size:1.923em;} 
	.locations {position:relative;top:0px;left:0px;padding:0; border-bottom:solid 1px #f0f0f0;  }
	.sns {position:absolute;top:7px;right:10px}
	
	.sns li {float:left;margin-left:8px}
	.sns li a
	.sns li.facebook a {background:url(../../images/layout/btn_snsf.png) no-repeat;}
	.sns li.twitter a {background:url(../../images/layout/btn_snst.png) no-repeat;}
	.sns li.print a {background:url(../../images/layout/btn_print1.png) no-repeat;}
	
	.sf_charge dt {float:left;width:29%;border:1px solid #d4d4d4;background:#e4e4e4 url(../../images/layout/chargeppbg.jpg);font-weight:700;text-align:center;line-height:32px;}
	.sf_charge dd {float:left;width:66%;padding-left:4%;}
	.sf_charge dt:nth-child(1) { margin-bottom:10px;}
	.sf_charge dd { margin-bottom:10px;}	
	
	.sf_level label {padding:0 15px 0 4px}
	
	#conts {
	    padding: 20px 0 30px;
	    min-height: 300px;
	}
		
	.fq_box {
		box-sizing: border-box;
	    position: relative;
	    float: left;
	    width: 33.33%;
	    padding: 70px 0 15px 15px;
	    
	    background: #fff;
	    margin-top: 41px;
	}
	.fq_box li {
	    float: left;
	    width: 50%;
	}	
		
	
		
	#foot_menus { background:#fff;     height: auto;}
	.foot_menus {margin:9px 15px; border-top: 1px solid #dbdbdb;}
	.foot_menus:after {content:""; clear:both; display:block; height:0;} 
	.foot_menus > li { box-sizing: border-box;
	border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;
	float: left;
	position: relative;
	width: 50%;
	}
	
	.foot_menus > li > button {
	    background-position: 97% -792px;
	    height: 36px;line-height: 36px;
	}
	
	.foot_menus > li:first-child > button {
	    border-left: 0px solid #dbdbdb;
	}
	
	#foot_util { height:90px;border-bottom:1px solid #525252; background:#7a7a7a}
	
	.foot_util {float:left}
	.foot_util li {float:left; text-align:left; height:23px; padding:11px 0; width:25%; background:none;}
	.foot_util li:first-child {background:none;}
	.foot_util li a {display:block;padding:0 18px;color:#fff;text-decoration:none;transition:background .3s, color .3s}
	.foot_util li:first-child a {}
	.foot_util li a:hover, .foot_util li a:active, .foot_util li a:focus {background:#1a1b1c;color:#ccc}
	.foot_count {float:right}	
	
	#foot_info {height:220px;position:relative;padding:26px 0 40px;background:#5f5f5f;color:#cfcfcf;font-size:0.923em;line-height:1.667;text-align:center;}
	.foot_logo {position:absolute; top:180px; left:50%; margin-left:-48px; width:96px;height:70px;}
	address {padding:0 40px;}
	
	#foot_info p {padding:0 40px;}
	.gotop {display:block;}
}


@media (max-width:880px) {  
	.mview,  .mviewC {display:block !important;}
	.wview,  .wviewC {display:none !important;}
	.mviewT {display:table !important;}
	.wviewT {display:none !important;}	
	
	#gnb { margin-right:0px;}	
	#gnb > li > div > ul {    height: auto; }
		
	.fq_box { width: 100%; padding: 70px 0 30px 0px; }
	.fq_box li { float: left; width: 33.33%; }	
		
}


@media (max-width:640px) {  
	.sub_title h2 { font-size: 21px; font-weight: bold; letter-spacing: -1px; }
	.mview,  .mviewC {display:block !important;}
	.wview,  .wviewC {display:none !important;}
	.mviewT {display:table !important;}
	.wviewT {display:none !important;}	
	
	.sns {position:absolute;top:64px;right:10px}
	
	#foot_info { height: 300px; }
	.foot_logo { top: 220px; }
	.gotop { margin-top: 60px; }
	.fq_box {
	    width: 100%;
	    padding: 70px 0 30px 0px;
	}
	.fq_box li {
	    float: left;
	    width: 50%;
	}	
	.foot_menus > li { width: 100%; }
	.foot_menus ul .col2 {
	    width: 50%;
	}
	.foot_menus ul li a {
	    display: block;
	    padding-left: 18px;
	    background-position: 10px -599px;
	    line-height: 2;
	}	
		
	.foot_util li { display:inline-block; width:auto; height: 20px; padding: 5px 0; }
	.foot_util li a {
		font-size:0.85em;padding: 0 10px; text-align:center;
	}
			
	address, #foot_info p { padding: 0; }
	
	
}


/*  PC   */
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12, 
.col-mb-13, .col-mb-14, .col-mb-15, .col-mb-16,
.col-tb-1, .col-tb-2, .col-tb-3, .col-tb-4, .col-tb-5, .col-tb-6, .col-tb-7, .col-tb-8, .col-tb-9, .col-tb-10, .col-tb-11, .col-tb-12, 
.col-tb-13, .col-tb-14, .col-tb-15, .col-tb-16,
.col-pc-1, .col-pc-2, .col-pc-3, .col-pc-4, .col-pc-5, .col-pc-6, .col-pc-7, .col-pc-8, .col-pc-9, .col-pc-10, .col-pc-11, .col-pc-12,
.col-pc-13, .col-pc-14, .col-pc-15, .col-pc-16,
.col-lpc-1, .col-lpc-2, .col-lpc-3, .col-lpc-4, .col-lpc-5, .col-lpc-6, .col-lpc-7, .col-lpc-8, .col-lpc-9, .col-lpc-10, .col-lpc-11, .col-lpc-12 {
	position:relative;
	float:left;
	box-sizing: border-box;
	/*
	padding-left: 15px;
	padding-right: 15px;
	*/
}

.rowBox { position:relative; float:none; clear:both; display:block; box-sizing: border-box; margin-bottom:30px}
.rowBox:after {content:""; display:block; clear:both; float:none; height:0;}

.paddingBox {padding:0 15px;}
.paddingBox .w1 {width:100%;}
.paddingBox2 {padding:0 30px;}
.paddingBox3 {padding:0 45px;}

/*
@media (min-width:1100px) { 
	.hidden-pc {overflow:hidden !important; display:none !important;}
	.col-pc-1 {width: 6.25%;}
	.col-pc-2 {width: 12.5%;}
	.col-pc-3 {width: 18.75%;}
	.col-pc-4 {width: 25%;}
	.col-pc-5 {width: 31.25%;}
	.col-pc-51 {width: 31.70%;}
	.col-pc-53 {width: 33.125%;}
	.col-pc-6 {width: 37.5%;}
	.col-pc-7 {width: 43.75%;}
	.col-pc-8 {width: 50%;}
	.col-pc-9 {width: 56.25%;}
	.col-pc-10 {width: 62.5%;}
	.col-pc-11 {width: 68.75%;}
	.col-pc-12 {width: 75%;}
	.col-pc-13 {width: 81.25%;}
	.col-pc-14 {width: 87.5%;}
	.col-pc-15 {width: 93.75%;}
	.col-pc-16 {width: 100%;}
	.col-pc-151 {width: 95.7%;}
	.col-pc-158 {width: 98.1%;}
	.col-pc-16 {width: 100%;}
	.pc_pdl70 {padding-left: 50px;}
} Ÿ�?�� PC������ ���� ����

@media (min-width:880px) and (max-width:1099px) {
*/
@media (min-width:880px) { 

	.hidden-tb {overflow:hidden !important; display:none !important;}
  	.col-tb-1 {width: 6.25%;}
	.col-tb-2 {width: 12.5%;}
	.col-tb-3 {width: 18.75%;}
	.col-tb-4 {width: 25%;}
	.col-tb-5 {width: 31.25%;}
	.col-tb-53 {width: 33.125%;}
	.col-tb-6 {width: 37.5%;}
	.col-tb-62 {width:42.5%;}
	.col-tb-7 {width: 43.75%;}
	.col-tb-72 {width:46.8%;}
	.col-tb-8 {width: 50%;}
	.col-tb-9 {width: 56.25%;}
	.col-tb-10 {width: 62.5%;}
	.col-tb-11 {width: 68.75%;}
	.col-tb-12 {width: 75%;}
	.col-tb-13 {width: 81.25%;}
	.col-tb-14 {width: 87.5%;}
	.col-tb-15 {width: 93.75%;}
	.col-tb-151 {width: 94.8%;}
	.col-tb-159 {width: 99%;}
	.col-tb-16 {width: 100%;}
	
	.displayblock-tb {display:block;}
}

@media (max-width:880px) { 
	.alignC_mb {text-align:center;}
	.hidden-mb {overflow:hidden !important; display:none !important;}
	.malignC {text-align:center;}

	/*  5,7,8,9,10,11 culum */
	.col-mb-1 {width: 6.25%;}
	.col-mb-2 {width: 12.5%;}
	.col-mb-3 {width: 18.75%;}
	.col-mb-4 {width: 25%;}
	.col-mb-5 {width: 31.25%;}
	.col-mb-53 {width: 33.125%;}
	.col-mb-6 {width: 37.5%;}
	.col-mb-62{width: 39.2%;}
	.col-mb-65 {width: 40%;}
	.col-mb-7 {width: 43.75%;}
	.col-mb-8 {width: 50%;}
	.col-mb-9 {width: 56.25%;}
	.col-mb-95 {width: 58.5%;}
	.col-mb-10 {width: 62.5%;}
	.col-mb-11 {width: 68.75%;}
	.col-mb-12 {width: 75%;}
	.col-mb-13 {width: 81.25%;}
	.col-mb-14 {width: 87.5%;}
	.col-mb-15 {width: 93.75%;}
	.col-mb-152 {width: 95.8%;}
	.col-mb-153 {width:97.5%}
	.col-mb-16 {width: 100%;}
	
	img.mb100p {width:100%;}
	.col-mb-16 + .col-mb-16 {margin-top:30px;}
	.displayinline-mb {display:inline;}
	
.paddingBox, .paddingBox2,
.paddingBox3 {padding:0;}
	
}