@charset "utf-8";

#topmenu ul { border-bottom-left-radius:15px; border-bottom-right-radius:15px; }

/* masonry by harry */
#left_item { width:300px; float:left; border-top-left-radius:15px; border-top-right-radius:15px; }

#main_quick {position:relative; margin-top:0; background:#f4c710; font-size:13px; }
#main_quick:after { content:""; display:block; height:0; clear:both; float:none;}
#main_quick ul { width:90%; margin:auto; height:110px; padding-top:45px;}
#main_quick ul li { float:left;text-align:center; width:33%; color:#695607; font-size:1em;}
#main_quick .blog{ background:#7e6b5a; border-bottom-left-radius:15px; border-bottom-right-radius:15px;text-align:center; width:100%; height:75px; margin-top:10px; padding:0; line-height:10px; box-sizing:border-box; }
/*#main_quick .blog{ background:#07c621; border-bottom-left-radius:15px; float:left; text-align:center; width:50%; height:75px; color:#fff; font-size:1em; margin-top:10px; padding:10px 0 0 0; line-height:10px; box-sizing:border-box; }
#main_quick .face{ background:#4b82d6; border-bottom-right-radius:15px; float:left; text-align:center; width:50%; height:75px; color:#fff; font-size:1em;margin-top:10px; padding:10px 0 0 0; line-height:10px; box-sizing:border-box; }*/

#main_carousel {height:490px; }

#main_board { margin-right:10px; }
#main_board .tab_menu { width:100%; height:45px; }
#main_board .tab_menu:hover { cursor:pointer; }
#main_board .tab_menu div { background:#edebe6; width:50%; height:45px; float:left; text-align:center; font-size:17px; font-weight:bold; line-height:45px; }
#main_board .tab_menu div a { color:#000; }
#main_board .tab_menu .left_tab { border-top-left-radius:15px; }
#main_board .tab_menu .right_tab { border-top-right-radius:15px; }
#main_board .tab_menu .on { background:#fff; }
#main_board .tab_menu .on a { color:#f0a606; }
#main_board .tab_menu .on a span { color:#000; }

	#view_online_con { height:195px; }
	#view_online_con ul { padding:30px 24px 0 24px; }
	#view_online_con ul li { position:relative; margin-bottom:10px; font-size:14px; /* white-space:nowrap; */ /* overflow:hidden; */ text-overflow:ellipsis; color:#000; /* background: url('/img/area/dot2.gif') no-repeat 0 6px; */ }
	#view_online_con ul li .subject_data { width: 55%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:block; }
	#view_online_con ul li .status_data { position:absolute; top:0; right:0; width:40%; text-align:left; color:#ff4343; }
	#view_online_con ul li .status_data span {margin-left:20px; position:absolute; top:0; text-align:right; right:0; color:#777;}

	#view_online_res { height:195px; display:none; }
	#view_online_res ul { padding:30px 24px 0 24px; }
	#view_online_res ul li { position:relative; margin-bottom:10px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; /* background: url('/img/area/dot2.gif') no-repeat 0 6px; */ }
	#view_online_res ul li .subject_data { width:65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:block; }
	#view_online_res ul li .status_data { position:absolute; top:0; right:0; width:25%; text-align:right; margin-left:20px; position:absolute; top:0; right:0; color:#777;}

#main_mini { background: url(/img/00_main/s_yellowbg.jpg); } 
#main_mini .tab_menu { width:100%; height:45px; }
#main_mini .tab_menu:hover { cursor:pointer; }
#main_mini .tab_menu div { width:50%; height:45px; float:left; text-align:center; font-size:17px; font-weight:bold; line-height:45px; }
#main_mini .tab_menu div a { color:#555; }
#main_mini .tab_menu .left_tab { border-top-left-radius:15px; }
#main_mini .tab_menu .right_tab { border-top-right-radius:15px; }
#main_mini .tab_menu .on {  }
#main_mini .tab_menu .off { background:#fff; }
#main_mini .tab_menu .on a { color:#724d12; }
#main_mini .tab_menu .on a span { color:#555; }

	#main_mini #view_oper_virtual { border-bottom-left-radius:15px; border-bottom-right-radius:15px; height:195px; 94% 94% no-repeat; }
	
	#main_mini #view_oper_virtual div { float: left; }
	#main_mini #view_oper_virtual #star_stic { width: 73px; height: 30%;  margin : 50px 20px;}
	#main_mini #view_oper_virtual #operation_list  { width:100%;  margin : 25px 0 0 20px ; line-height: 25px; font-size: 12px; font-weight: 500; letter-spacing:-1px; color:#222; }
	#main_mini #view_oper_virtual #operation_list .operation_list_l  {width:48%; float:left; }
	#main_mini #view_oper_virtual #operation_list .operation_list_r { width:48%; float:left; padding : 0 0 0 0px;}

	#main_mini #view_oper_virtual .icon {  padding-top:74px; }
	#main_mini #view_oper_virtual .icon .icon_img { margin:0 auto; width:34px; }
	#main_mini #view_oper_virtual .icon .icon_txt { margin-top:10px; text-align:center; font-size:17px; }

	#main_mini #view_tel_consult { display:none; border-bottom-left-radius:15px; border-bottom-right-radius:15px; height:195px; }
	#main_mini #view_tel_consult .tel_title { width:90%; margin:0 auto; padding:5px 20px 0px 20px; font-size:16px; font-weight:bold; }
	#main_mini #view_tel_consult .tel_title ul li { width: 33.3%; float: left; line-height: 29px;}
	#main_mini #view_tel_consult .cls { clear: both;  }

	#main_mini #view_tel_consult .tel_btn { margin:0 auto; text-align: center; width: 100%; }
	#main_mini #view_tel_consult .btn { background: #724d12; margin-top: 10px; padding:6px 25px; border:0px;  color:#fff; font-weight: bold; text-align:center; text-decoration:none !important; font-size:15px; }

#main_network { background: #fff url(/img/00_main/main_network.png) 100% 80% no-repeat; height:240px; }
#main_network .net_title { margin:26px 0 0 25px; font-size:29px; line-height:38px; font-weight:bold; color:#000; }
#main_network .location { margin:10px 0 20px 25px;  font-size:1.3em; line-height:20px; }
#main_network .location ul li { font-weight:bold; float:left; }
#main_network .menu_desc { clear:both; padding:0px 0 0 25px; font-size:16px; line-height:20px; color:#777; }
#main_network .net_number { margin:0 0 0 25px; font-size:29px; line-height:38px; font-weight:bold; color:#000; }


#main_banner1, #main_mini, #main_menu4, #main_menu7 { margin-right:0; }

#main_menu1 { background: #fff url(/img/00_main/menu1_icon.jpg) 94% 94% no-repeat; }
#main_menu2 { background: #fff url(/img/00_main/menu2_icon.jpg) 100% 100% no-repeat; }
#main_menu3 { background: #fff url(/img/00_main/menu3_icon.jpg) 104% 108% no-repeat; }
#main_menu4 { background: #fff url(/img/00_main/menu4_icon.jpg) 92% 107% no-repeat; }
#main_menu5 { background: #fff url(/img/00_main/menu5_icon.jpg) 88% 100% no-repeat; }
#main_menu6 { background: #fff url(/img/00_main/menu6_icon.jpg) 104% 105% no-repeat; }
#main_menu7 { background: #fff url(/img/00_main/menu7_icon.jpg) 92% 109% no-repeat; }

.item {
  position:relative;
  margin:0 10px 10px 0;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.item img {
 display: block;
 /* width: 100%;*/
}


.col1 { width: 290px; }
.col2 { width: 590px; }
.col3 { width: 890px; }
.col4 { width: 1190px; }
.col5 { width: 1490px; }

.col1 img { margin:auto; max-width: 290px; }
.col2 img { margin:auto; max-width: 590px; }
.col3 img { margin:auto; max-width: 890px; }
.col4 img { margin:auto; max-width: 1190px; }
.col5 img { margin:auto; max-width: 1490px; }

.row1 { height:240px; background:#fff;}
.row2 { height:490px; background:#fff; }

.main_menu { height:240px; background:#fff;}

.menu_title { padding:30px 0 12px 25px; font-size:24px; line-height:24px; font-weight:bold; color:#000; }
.menu_desc { padding-left:25px; font-size:15px; line-height:20px; color:#777; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* 지점별 색상 */
.pos001 { color:#e91f1f; } /* 청담 */
.pos002 { color:#ae16ca; }
.pos003 { color:#1d31c8; }
.pos004 { color:#17c7c5; }
.pos005 { color:#21910b; }
.pos006 { color:#a24d08; }
.pos007 { color:#efae13; }
.pos008 { }
.pos009 { }


@media (max-width: 1520px) {
	#head_wrap { width:1190px;}
	#head_box { width:1190px; }
	#body_wrap { width:1190px;  }

	#main_board, #main_quick, #main_menu1, #main_menu5, #main_menu7 { margin-right:0; }
	#main_banner1, #main_mini, #main_menu2, #main_menu3, #main_menu4 { margin-right:10px; }

	#body_content {width:1190px;}
		#content_head { width:1190px;}

	#foot_link ul {width:1190px; margin:auto;}
	

	#foot_wrap_con { width:1190px;}
	#foot_wrap_con .copyright { width:900px; } /* (#foot_wrap_con�� width) - 290�� ��´�  */

	#foot_con_link {width:1190px; }
	#foot_con_link ul li {width: 16%; margin-right: 0;}
	#foot_con_link ul li.no7 { clear:both; }

	#open_nav .open_gnb{width:1190px;}
	#open_nav .open_gnb .open_gnb_align{width:1190px}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list{width:1190px; padding-left:10px; }
}


@media (max-width: 1220px) {
	#head_wrap { width:890px;}
	#head_box { width:890px; }
	#globalmenu { }
	#body_wrap { width:890px; }
	#body_content {width:890px;}
		#content_head {width:890px;}

	#main_board, #main_quick, #main_mini, #main_menu3, #main_menu6, #main_menu7 { margin-right:0; }
	#main_banner1, #main_menu1, #main_menu2, #main_menu4, #main_menu5 { margin-right:10px; }

	#foot_link ul {width:890px; margin:auto;}

	#foot_wrap_con { width:890px;} 
	#foot_wrap_con .copyright { width: 630px; } /* (#foot_wrap_con�� width) - 290�� ��´�  */

	#foot_con_link {width:890px; margin:0 auto 0 auto;}
	#foot_con_link ul li:last-child { margin-right:0; }

	#topmenu { display:none;}
	#open_nav .open_gnb{width:890px;}
	#open_nav .open_gnb .open_gnb_align{width:890px}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list{width:890px; padding-left:20px; }
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li{ width:19.5%; }
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li:first-child{float:left; width:19.5%;  border-left:1px solid #948679}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_01{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_02{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_03{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_04{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_05{height:230px;}

	#toplogo3 { display:none;}
	#toplogo3m { display:block;}
	#toplogo5 {display:none; } 
	#toplogo5m {display:block;} 
}

@media (max-width: 920px) {
	#head_wrap {height: 100px; z-index:10;}
	#head_wrap, #body_wrap {width: 90%; height: 100px; }
	#head_box { width:100%; }
		#globalmenu { line-height:170%;}
			#head_box .allmenu {}

	#logo_wrap { position:relative;top: 33px; height:67px;line-height: 67px;}

	#head_box .allmenu {position: absolute; right: 0px; top:33px; background:#fff; width:70px; height:67px; padding-top:40px; background:#64564b url(/img/common/allmenu.png) no-repeat center; background-size: 70px 70px; border-bottom-right-radius:15px;  }
	#globalmenu { left:0; top:5px;  font-size:0.9em; width:100%; border-bottom:1px solid #8a7c6e; height:27px }
		#globalmenu ul.language { display: none; }
		#globalmenu ul.member {top:0; float:right }
		#globalmenu ul.language li span { display:none; }
		#globalmenu ul.link {display:none; }
		#globalmenu ul.member .talktalk { display: none; }
		#globalmenu .m_talktalk{ display: block; float: left; }
		#globalmenu .talktalk > ul { top:13px; left:0; z-index:10;}

	#body_wrap { top:20px; }

	#main_carousel { height:auto; }
	#main_carousel ul li img { width:100%; }

	#main_board, #main_banner1, #main_mini, #main_menu2, #main_menu4, #main_menu6 { margin-right:1.6%; }
	#main_banner2, #main_quick, #main_menu1, #main_menu3, #main_menu5, #main_menu7 { margin-right:0; }

	#body_content {width:100%;}
		#content_head {width:100%;}
			#page_left {position:absolute; top:40px; left:20px;}
			#page_right {position:absolute; top:40px; right:20px;}
		#location { font-size:1em;  }
		#content_title { margin:50px auto 20px auto;  font-size:2.2em; }
	
	#body_left {position:relative; padding: 0; margin:0; float:none; width:100%; height:auto }
		#quick {display:none}
		#popupzone {display:none}
	
	#content_text {  padding:190px 0 30px 0;;  width:90%; margin:auto; }

	#foot_wrap {margin-top:20px; }
	#foot_link ul {width:90%; margin:auto;}

	#foot_wrap_con { width: 90%;}
	#foot_wrap_con .copy_logo {width: 100%;float: none;text-align: center;}
	#foot_wrap_con .copy_logo img{width: 30%;}
	#foot_wrap_con .copyright {width: 100%;}

	#foot_con_link {width:95%;}

	#main_menu1 { background: #fff url(/img/00_main/menu1_icon.jpg) 95% 80% no-repeat;  background-size:55%; }
	#main_menu2 { background: #fff url(/img/00_main/menu2_icon.jpg) 100% 90% no-repeat;  background-size:40%;}
	#main_menu3 { background: #fff url(/img/00_main/menu3_icon.jpg) 95% 90% no-repeat;  background-size:42%;}
	#main_menu4 { background: #fff url(/img/00_main/menu4_icon.jpg) 98% 85% no-repeat;  background-size:42%;}
	#main_menu5 { background: #fff url(/img/00_main/menu5_icon.jpg) 90% 100% no-repeat;  background-size:45%;}
	#main_menu6 { background: #fff url(/img/00_main/menu6_icon.jpg) 90% 90% no-repeat;  background-size:50%;}
	#main_menu7 { background: #fff url(/img/00_main/menu7_icon.jpg) 90% 100% no-repeat;  background-size:40%;}

	.popup_list {display:none}


	#topmenu { display:none;}
	#open_nav .open_gnb{width:90%;}
	#open_nav .open_gnb .open_gnb_align{width:90%;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list{width:100%;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li{ width:33%; }
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li:first-child{float:left; width:33%;  border-left:1px solid #948679}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_01{height:205px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_02{height:205px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_03{height:205px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_04{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_05{height:230px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_06{height:230px;}
	.col1 { width: 49.2%; }
	.col2 { width: 100%; margin-right:0; }
	.col1 img { max-width: 100%; }
	.col2 img { max-width: 100%; }
	.main_menu { height:240px; }
	#main_banner1, #main_banner2 { height:auto; }
}

@media (max-width:640px) {
	#head_wrap, #body_wrap {width: 96%; z-index:10; }
	#head_wrap {z-index:12 !important; }
	#toplogo {width: 150px; padding-left: 5px; }
	#toplogo3 {width: 130px;}

	#body_wrap {top:10px; }
		#content_head {width:100%;padding-bottom:20px; }
		#page_left {width:10%}
		#page_left img {width:100%}
		#page_right {width:10%}
		#page_right img {width:100%}
		#location { font-size:0.8em;  }
		#content_title { width:50%; margin:30px auto 10px auto; font-size:1.4em; }


	#body_left {display:none }
	#content_text { padding:140px 0 0px 0;;  width:90%; margin:auto; }
	#body_content { min-height:100px; }

	
	#foot_wrap {margin-top:20px; }
	#foot_link { height:50px; padding-top:7px;}
	#foot_link ul {width:85%; margin:auto;}
	#foot_link ul li {float:left; width:33.3%; text-align:left;  font-size:0.85em; }

	#foot_wrap_con { width:90%; border-bottom:0px solid #ddd;}
	#foot_wrap_con .copy_logo {width:100%; float:none;text-align:center; }
	#foot_wrap_con .copy_logo img{max-width: 200px;width: 50%;}
	#foot_wrap_con .copyright {float:none;  font-size:0.9em; }

	#foot_con_link {display:none }

	.main_menu { margin-right:0 !important; }
	#main_network { background: #fff url(/img/00_main/main_network.png) 100% 25% no-repeat; background-size: 43%;}
	#main_network .net_title { margin:26px 0 0 25px; font-size:19px; line-height:25px; font-weight:bold; color:#000; }
	#main_network .location { width:40%; margin:10px 0 10px 25px; font-size:15px; line-height:20px; }
	#main_network .location ul li { font-weight:bold; float:left; }
	#main_network .menu_desc { clear:both; padding:10px 0 0 25px; font-size:14px; line-height:20px; color:#777; }
	#main_network .net_number { margin:0 0 10px 25px; font-size:22px; line-height:40px; font-weight:bold; color:#000; }

	#main_menu1 { background: #fff url(/img/00_main/menu1_icon.jpg) 95% 60% no-repeat;  background-size:40%; }
	#main_menu2 { background: #fff url(/img/00_main/menu2_icon.jpg) 100% 100% no-repeat;  background-size:32%;}
	#main_menu3 { background: #fff url(/img/00_main/menu3_icon.jpg) 97% 50% no-repeat;  background-size:33%;}
	#main_menu4 { background: #fff url(/img/00_main/menu4_icon.jpg) 98% 0px no-repeat;  background-size:35%;}
	#main_menu5 { background: #fff url(/img/00_main/menu5_icon.jpg) 100% 15% no-repeat;  background-size:37%;}
	#main_menu6 { background: #fff url(/img/00_main/menu6_icon.jpg) 100% 75% no-repeat;  background-size:38%;}
	#main_menu7 { background: #fff url(/img/00_main/menu7_icon.jpg) 100% 30% no-repeat;  background-size:35%;}

	.popup_list {display:none}


	#topmenu ul{ display:none;}
	#open_nav .open_gnb{width:96%;}
	#open_nav .open_gnb .open_gnb_align{width:96%;}
	#open_nav .open_gnb .open_gnb_align{width:100%; padding-left:0; box-sizing:border-box;}
	#open_nav .open_gnb .open_gnb_align .gnb_close { display:block; }
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list{width:100%;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li{ width:48%;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li:first-child{float:left; width:48%;  border-left:1px solid #948679}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_01{height:170px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_02{height:170px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_03{height:190px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_04{height:190px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_05{height:190px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_06{height: 210px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_07{height: 170px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_08{height: 170px;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li strong{padding:0 0 3px 10px;font-size:1em;}
	#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li ul.gnb_2depth li{ border:0px; font-size:0.9em;}

	.col1 { width: 100%; }
	.menu_title { font-size:19px; line-height:19px; }
	.menu_desc { font-size:14px; }
	.main_menu { height:125px; }
	#main_carousel, #main_board, #main_quick, #main_banner1, #main_banner2, #main_mini, #main_network { height: auto; }
	.item { }
}

@media (max-width:480px) {
	#logo_wrap { padding-right:70px; }
	#toplogo {width: 53%;padding-left: 2%;}
	#toplogo2 {width: 15%;}
	#toplogo3 {display:none; }
	#toplogo3m { display:block;width: 15%;}
	#toplogo4 {display:none;width: 15%;}
	#toplogo5 {display:none; } 
	#toplogo5m {display:block;width: 15% } 

	#main_network { background: #fff url(/img/00_main/main_network.png) 100% 25% no-repeat; background-size: 53%; }
}

/* 톡톡 em 색 설정*/
.talk_banner_desc {color: #fff; white-space: nowrap !important; font-family: '나눔고딕',NanumGothic,'맑은고딕',MalgunGothic,'돋움',Dotum,AppleGothic,sans-serif !important; font-size: 13px !important; }