@charset "UTF-8";


@media (min-width:1025px) { /* �ּ� 1024 ~ �ִ� ------------------------------------------------------------------------------------------------------- */
.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) { �ּ� 768 ~ 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 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; } */

.headerother{height:35px; border-bottom:0;}
	
.othersite {position:relative; margin-top:0px; height:35px; width:100%;}
.othersite li{float:left; width:20% !important; height:35px !important; line-height:35px !important; margin-left:0 !important; margin-top:0 !important; padding-top:0 !important; box-sizing:border-box; font-size:13px; text-align:center;}

.othersite li:nth-child(1) {background:#414286;}
.othersite li:nth-child(2) {background:#de5281;}
.othersite li:nth-child(3) {background:#fff;}
.othersite li:nth-child(3) a{color:#4e77ed !important;}
.othersite li:nth-child(4) {background:#47b3e4;}
.othersite li:nth-child(5) {background:#0054a6;}

.othersite li a{background:none !important; padding-left:0 !important; color:#fff !important;}
 
.othercon{display:none;}
	
	

#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; border-right: 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 {
    border-right: 0px solid #dbdbdb;
    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:767px) { /* �ּ� ~ �ִ� 767 */
.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%;
}	
	
	
.foot_util li	{ width: 33.33%; }	
	
	
	
	
	
	
}



@media (max-width:480px) { /* �ּ� ~ �ִ� 767 */
.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}

.fq_box {
    width: 100%;
    padding: 70px 0 30px 0px;

}
	
	
.fq_box li {
    float: left;
    width: 50%;
}	
.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;}
.foot_util li a {
	font-size:0.85em;padding: 0 10px; text-align:center;
}
	
	
	
	
	
}


/* ����� / Ÿ�� / PC / ��Ƽ��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:768px) and (max-width:1099px) {
*/
@media (min-width:768px) { /* �ּ� 768 ~ 1023 (1023���� ���� Ȯ��) ---------------------------------------------------------------------- */

	.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:767px) {/* �ּ� ~ �ִ� 767 */
	.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;}
	
}