@charset "utf-8";
/* basicGnb
@font-face{
font-family:ng;
src:url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src:local(※), url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format(‘woff’)
}
 */
@font-face{
font-family:'Nanum Barun Gothic';
font-style:normal;
font-weight:700;
src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot);
src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf) format('truetype')
}

@font-face{font-family:'Nanum Barun Gothic';
font-style:normal;
font-weight:400;
src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);
src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),
url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');
}


@media all and (min-width:768px) {
	body{font-family:나눔고딕, NanumGothic, ng}
}

/* reset style */
html, body, div, dl, dt, dd, ul ,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0; color:#545454}
ol, ul, li {list-style:none;}
form, fieldset, img {border:0;}
address, caption, em {font-weight:normal; font-style:normal;}
input[type="text"]::-ms-clear{display:none;}
button{font-family:나눔고딕, NanumGothic, ng; font-size:12px; color:#555555}

/* base */
body {-webkit-text-size-adjust:none; background:#fff;}
p {line-height:1.6;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
img, input, select {vertical-align:middle;}
label {cursor:pointer;}

/* link */
a {color:#545454; text-decoration:none;}
a:hover, a:focus {color:#262626; text-decoration:underline;}

/* html5 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0}

/* font size */
body, input, select{font-family:나눔고딕, NanumGothic, ng; font-size:12px; line-height:1.6; color:#545454;}

/* common */
.hide{overflow:hidden; margin:0 !important; padding:0 !important; width:0; height:0; font-size:0 !important; line-height:0 !important; text-indent:-999999px; background:none !important; position:absolute;}
.skip{position:absolute; top:-22px; right:0; padding:5px; display:block; background:#000; width:100%; height:12px; color:#fff !important; text-align:center; z-index:200}
.skip:focus{top:0}
caption{overflow:hidden; margin:0 !important; padding:0 !important; width:0; height:0; font-size:0 !important; line-height:0 !important; text-indent:-999999px; background:none !important;}
.txt_center{text-align:center !important}
.color_p{color:#0070bc}
.mgb_l{margin-bottom:50px}

.size_m{width:216px}
/* layout */
.wrap {position:relative; width:1284px; margin:0 auto;}
.wrap_mobile {position:relative; width:100%; margin:0 auto;}

.header {position:relative; width:100%; overflow:hidden}
.header .bn_wrap {width:100%; padding:10px 0; float:left;}
.header .bn_wrap a{display:block; float:left; margin-left:7px; padding:0}
.header .bn_wrap a:first-child{margin-left:0;}
.header .bn_wrap a img{line-height:0; }

.header .header_wrap {float:left; width:100%; height:119px; background:#0d5bbe url(../../img/bg_header.jpg) no-repeat 0 0;}
.header .header_wrap_mobile {float:left; width:100%; height:119px; background:#0d5bbe url(../../img/bg_header_mobile.jpg) no-repeat 0 0;}
.header h1{float:left;}
.header .util{float:right; margin-top:13px}
.header .util > div{float:left; margin-left:10px}
.header .util input{display:inline-block; border:0; width:90px; height:25px; padding:0 10px; color:#aecef6; background:#3793eb; vertical-align:middle}
.header .util input::-webkit-input-placeholder { color:#aecef6 }
.header .util input::-moz-placeholder { color:#aecef6 }
.header .util input:-ms-input-placeholder { color:#aecef6 }
.header .util input:-moz-placeholder { color:#aecef6 }
.header .util button {display:inline-block; width:62px; height:25px; background:#063d7b; color:#fff; border:0; vertical-align:middle}
.header .util div{color:#578ace; line-height:25px; margin-right:30px}
.header .util div:first-child{margin-right:0}
.header .util .info{margin-right:30px !important}
.header .util a{color:#aecef6; display:inline-block; padding:0 5px;}
.header .util b{color:#ffffff; display:inline-block; padding:0 5px;}

.header .gnb{float:left; width:100%; margin-top:10px;}
.header .gnb ul{width:100%; overflow:hidden}
.header .gnb li {float:left; width:20%; text-align:center; position:relative}
.header .gnb li a{color:#fff; font-size:16px; letter-spacing:-1px; display:inline-block; text-decoration:none; height:30px}
.header .gnb li.on a,
.header .gnb li a:hover {color:#fed734; border-bottom:3px solid #fed734}
.header .gnb li:after {content:''; display:block; width:1px; height:15px; position:absolute; top:1px; left:-1px;  border-left:1px solid #50a4f2;}

.container{position:relative; width:100%; margin-top:10px;}
.container:after{content:''; display:block; clear:both}
.container .aside_l,
.container .aside_r{float:left; width:160px}
.container .aside_l li,
.container .aside_r li{float:left; width:100%; margin-bottom:15px}
/* 
* 글쓰기에 다른사이트 복사 붙여넣기시에 이미지 사이즈 초과되는 현상 강제 자르기 기능 넣었더니 포인트 지도 부분에 미세한 스크롤이 발생하여 원복
.container .contents{width:944px; float:left; margin:0 10px; overflow-x:hidden;}
*/
.container .contents{width:944px; float:left; margin:0 10px; }
.container .contents_mobile{width:600px; float:left; margin:0 10px; }
.container .iframecontents{width:600px; float:left; margin:0 10px;} /* 20160530 박병근 iframe으로 나누면서 왼쪽 정렬을 위하여 추가 */

.leftcontainer{position:relative; width:100%; margin-top:0px;}
.leftcontainer:after{content:''; display:block; clear:both}
.leftcontainer .aside_l,
.leftcontainer .aside_r{float:left; width:160px}
.leftcontainer .aside_l li,
.leftcontainer .aside_r li{float:left; width:100%; margin-bottom:0px}
.leftcontainer .contents{width:944px; float:left; margin:0 10px;}
.leftcontainer .iframecontents{width:600px; float:left; margin:0 10px;} /* 20160530 박병근 iframe으로 나누면서 왼쪽 정렬을 위하여 추가 */

.footer{position:relative; border-top:1px solid #dbdbdb; margin-top:30px; padding:30px 0 50px; text-align:center}
.footer .link{margin-bottom:5px; color:#c8c8c8}
.footer .link a{font-weight:600; color:#666666; display:inline-block;margin:0 3px}
.footer p{color:#666666}

.fix_bn_left,
.fix_bn_right{position:fixed; width:148px; height:500px; background:#ccc; z-index:0; top:227px}
.fix_bn_left{left:50%; margin-left:-800px}
.fix_bn_right{right:50%; margin-right:-800px}
.fix_bn_txt {width:148px; height:500px; background:#ccc; z-index:0; top:0px}


.aside_nav{float:left; width:210px; margin:0 0 0 0px}
.aside_nav h1{font-size:24px; font-weight:600; padding:0px 0 20px;}
.aside_nav .gnb_sub{float:left; width:100%; border-top:2px solid #0070bc}
.aside_nav .gnb_sub > ul > li{float:left; width:100%; padding:9px 0; border-bottom:1px solid #dcdcdc; font-size:14px}
.aside_nav .gnb_sub > ul > li a{display:block; width:100%; height:25px; padding-top:6px; line-height:1.3; text-indent:14px}
.aside_nav .gnb_sub > ul > li.on a{color:#0070bc}
/*
.aside_nav .gnb_sub > ul > li.on a{background:url(../../img/bg_gnbsub.gif) no-repeat 0 0; color:#fff}
*/

.aside_nav .gnb_sub > ul > li li a{font-size:12px; height:25px}
.aside_nav .gnb_sub > ul > li li.on a{color:#0070bc}
.aside_nav .gnb_sub > ul > li li a:before{content:'-'; display:inline-block; width:8px; text-indent:0 }
/*
.aside_nav .gnb_sub > ul > li li a:before{content:'-'; display:inline-block; width:8px; text-indent:0 }
*/

.submenucontainer{position:relative; width:100%; margin-top:15px;}
.submenucontainer{content:''; display:block; clear:both}
.submenucontainer .aside_l,
.submenucontainer .aside_r{float:left; width:160px}
.submenucontainer .aside_l li,
.submenucontainer .aside_r li{float:left; width:100%; margin-bottom:15px}
.submenucontainer .contents{width:210px; float:left; margin:0 30px;}
/*
.submenucontainer .contents{width:180px; float:left; margin:0 30px;}
*/

.submenu_nav{float:left; width:180px; margin:0 0 0 0px}
.submenu_nav h1{font-size:24px; font-weight:600; padding:0px 0 30px;}
.submenu_nav .gnb_sub{float:left; width:100%; border-top:2px solid #0070bc}
.submenu_nav .gnb_sub > ul > li{float:left; width:100%; padding:9px 0; border-bottom:1px solid #dcdcdc; font-size:14px}
.submenu_nav .gnb_sub > ul > li a{display:block; width:100%; height:25px; padding-top:6px; line-height:1.3; text-indent:14px}
.submenu_nav .gnb_sub > ul > li.on a{background:url(../../img/bg_gnbsub.gif) no-repeat 0 0; color:#fff}

.submenu_nav .gnb_sub > ul > li li a{font-size:12px; height:25px}
.submenu_nav .gnb_sub > ul > li li.on a{color:#0070bc}
.submenu_nav .gnb_sub > ul > li li a:before{content:'-'; display:inline-block; width:8px; text-indent:0 }

.submenu_nav .gnb_sub_my{float:left; width:100%; border-top:2px solid #0070bc}
.submenu_nav .gnb_sub_my > ul > li{float:left; width:100%; padding:9px 0; border-bottom:1px solid #dcdcdc; font-size:14px}
.submenu_nav .gnb_sub_my > ul > li a{display:block; width:100%; height:30px; padding-top:6px; line-height:1.3; text-indent:14px}
.submenu_nav .gnb_sub_my > ul > li.on a{background:url(../../img/bg_gnbsub.gif) no-repeat 0 0; color:#fff}

.submenu_nav .gnb_sub_my > ul > li li a{font-size:12px; height:25px}
.submenu_nav .gnb_sub_my > ul > li li.on a{color:#0070bc}
.submenu_nav .gnb_sub_my > ul > li li a:before{content:'-'; display:inline-block; width:8px; text-indent:0 }




.contents > .cont {float:right; margin-right:50px; width:600px}
.contents_mobile > .cont {float:center; margin-right:50px; width:100%}
.cont h1 {font-size:30px; font-weight:600; padding:20px 0 20px}
.cont h3 {font-size:20px; font-weight:600; padding:10px 0 10px; color:#0070bc}
.bn_conts {float:left; margin:30px 0; width:600px; background:#ccc; min-height:100px}
button{cursor:pointer}

/* main */
.main_map{float:left; width:598px; height:598px; background:#e5eaf0; border-radius:3px; border:1px solid #dbdbdb;}
.main_lay1{float:right; width:329px}
.main_lay1 .box_base {height:190px}

.main_lay2{float:left; width:100%}
.main_lay2 .box_base {float:left; height:190px; width:465px}
.main_lay2 .bn_wrap {float:left; margin-bottom:15px; width:100%;}
.main_lay2 .bn_wrap a{display:block; float:left;}

.box_base {border-radius:3px; border:1px solid #dbdbdb; position:relative; margin-bottom:15px; float:left; width:100%; box-sizing:border-box}
.box_base h1{font-size:15px; font-weight:600; margin:20px 20px 10px}
.box_base ul{margin:0 20px}
.box_base li{width:100%; padding:0 0 3px}
.box_base li a{display:inline-block; width:250px; text-decoration:none; word-break:break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle}
.box_base li .date{float:right; vertical-align:middle}
.box_base .more{display:block; position:absolute; top:20px; right:20px;}
.box_base li .ico{display:inline-block; margin-right:5px; vertical-align:middle}
.box_base li .info{display:inline-block; margin-left:5px; vertical-align:middle}
.box_base li .info b{color:red; font-weight:300}
.box_base li .info img{vertical-align:middle}
.box_base.type_photo .pht{float:left; margin:0 15px 0 20px}
.box_base.type_photo li a{width:210px}
.box_base.type_ico li{padding-bottom:3px}
.box_base.type_ico li a{width:220px}
.box_base.type_ico .date{line-height:1.4; float:right;}
.box_base.type_ico li .date{float:right; vertical-align:middle}

.box_srch{border:1px solid #dbdbdb; padding:25px 0 15px; width:100%; margin-bottom:20px;}
.box_srch > div{margin-left:80px;margin-bottom:10px}
.box_srch select {min-width:180px}
.box_srch input {width:150px; height:20px; border:1px solid #e5e5e5;}
.ico_calender {border:0; width:16px; height:16px; background:url(../../img/ico_calender.png) no-repeat 0 0; text-indent:-9999em}
.btn_srch {border:0; width:46px; height:20px; background:#495164; color:#fff;}

.box_base.type_txt {padding:30px; margin-bottom:50px}
.box_base.type_txt ul{margin:0}
.box_base.type_txt > div:first-child{margin-top:0}
.box_base.type_txt > div span:first-child{padding-left:0}
.box_base.type_txt > div span{display:block; float:left; position:relative; padding:0 15px;}
.box_base.type_txt > div span:after{content:''; display:block; position:absolute; width:1px; height:8px; border-right:1px solid #ccc; top:6px; left:0}
.box_base.type_txt > div{margin-top:20px; float:left; width:100%;}

.my_id{width:100%; float:left; padding:70px 0 50px; text-align:center; border-top:2px solid #0070bc}
.my_id strong{display:inline-block; width:100%; padding:10px 0 0}

.cont .main_map{margin-bottom:40px}
.tit_wrap{float:left; width:100%;}
.tit_wrap .t2 {font-size:20px; padding:10px 0; position:relative; display:inline-block;}
.tit_wrap .t2:before{content:''; display:block; position:absolute; top:0; left:0; width:47px; border-top:2px solid #1b5fa8}

/* table style */
.txtL{text-align:left !important}
.tblType1{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #0070bc; position:relative}
.tblType1 thead th{padding:10px 0; border-bottom:1px solid #b1b1b1; text-align:center; font-size:25px; font-weight:600; color:#333333}
.tblType1 tbody th,
.tblType1 tbody td{padding:10px 0; border-bottom:1px solid #dddddd; text-align:center; font-size:24px; color:#555555;}
.tblType1.txtL th,
.tblType1.txtL td{text-align:left}
.tblType1.list .ico_map{ width:18px; vertical-align:middle}
.tblType1.list .ico { width:40px; vertical-align:middle}


.tblType1.txtL textarea{text-align:left top}

.tblType2{float:left; margin:0; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;  position:relative}
.tblType2 thead th{padding:10px 0; border-bottom:1px solid #dddddd; text-align:center; font-size:15px; font-weight:600; color:#333333}
.tblType2 tbody th,
.tblType2 tbody td{padding:10px 0; border-bottom:1px solid #dddddd; text-align:center; font-size:14px; color:#555555;}
.tblType2.txtL th,
.tblType2.txtL td{text-align:left}
.tblType2.list .ico_map{ width:18px; vertical-align:middle}
.tblType2.list .ico { width:40px; vertical-align:middle}
.tblType2.write th {text-align:left; text-indent:15px}

.tblType2 input[type="password"],
.tblType2 input[type="text"] {width:208px; padding:0 10px; height:28px; border:1px solid #dddddd}
.tblType2 select{ height:30px;}
.tblType2 textarea{width:390px; height:100px; border:1px solid #dddddd; padding:20px}
.tblType2 .btn_gray{height:18px; vertical-align:middle}
.tblType2.write th {text-align:left; text-indent:15px}
.tblType2 .agree_textarea{width:558px; height:94px; padding:20px}

/*
.tblType1.list .pht img{width:50px; hegiht:50px;}
.tblType1.list .pht img{width:74px; hegiht:48px;}
.tblType1.list .photo a {width:0px}
.tblType1.list.txtL a {width:0px}
*/
.tit_wrap:after{content:""; display:block; clear:both}
.btn_type2{display:inline-block; min-width:130px; height:30px; color:#fff; background:#838383; text-align:center; line-height:30px}
.tit_wrap .btn_type2{float:right}
.tblType1.list tbody td.txtL{padding-left:10px}

/* 공지사항 목록 링크 */
.tblType1.list td a{vertical-align:middle; width:300px; overflow:hidden; line-height:16px}
/*
.tblType1.list td a{vertical-align:middle; width:200px; display:inline-block; overflow:hidden; line-height:16px}
*/
.tblType1.view{margin-bottom:0}
.tblType1.view td{padding:15px 30px; height:20px; text-align:left; font-size:23px;}
.tblType1.view td.tit h2{font-size:30px; padding:5px 5px; float:left; width:450px; line-height:35px; font-weight:600;}
.tblType1.view td.tit p{float:right; font-size:23px}
.tblType1.view td.tdDiv > div{float:left; width:50%; text-align:right}
.tblType1.view td.tdDiv > div:first-child{text-align:left}
.tblType1.view td.tdDiv b{font-weight:600; font-size:23px;}
.tblType1.view td.fileDiv b{display:block; float:left; padding-right:10px; font-weight:600; font-size:23px; }
.tblType1.view td.fileDiv > div{float:left; width:80%}
.tblType1.view td.fileDiv > div a{float:left; display:block; clear:both; margin-bottom:4px;}
.tblType1 .ico_memcon{display:inline-block; vertical-align:middle; margin-right:5px}
.tblType1 .ico_memcon img{width:30px; hegiht:30px; border-radius:100%;}
.contDiv{font-size:26px; font-weight:550; float:left; width:540px; padding:40px 30px; line-height:1.8; border-bottom:1px solid #dddddd;}
.contDiv p{margin-bottom:5px}
.like_div{font-size:25px; font-weight:550; float:left; width:540px; padding:20px 30px; line-height:1.8; border-bottom:1px solid #dddddd;}
.like_div p{margin-bottom:5px}
.like_div div{display:inline-block; margin-right:5px}
.like_div a{display:inline-block; }
.like_div .ico_memcon img{width:30px; hegiht:30px; border-radius:100%;}

.like_list_div{font-size:25px; font-weight:550; float:left; width:540px; padding:20px 30px; line-height:1.8; border-bottom:1px solid #dddddd;}
.like_list_div p{margin-bottom:5px}
.like_list_div div{display:inline-block; margin-right:5px}
.like_list_div a{display:inline-block; }
.like_list_div .ico_memcon img{width:30px; hegiht:30px; border-radius:100%;}
.like_list_div .date {position: absolute;  bottom:-15px; line-height:1; right:20%; font-size:30px; color:#0070bc; margin-left:-9px}

.tblType1 input[type="password"],
.tblType1 input[type="text"] {width:208px; padding:0 10px; height:28px; border:1px solid #dddddd}
.tblType1 input[type="file"] {width:315px; padding:0 0px; height:28px; border:1px solid #dddddd; color:#000000;}
.tblType1 select{ height:30px;}
.tblType1 textarea{width:390px; height:100px; border:1px solid #dddddd; padding:20px}
.tblType1 .btn_gray{height:18px; vertical-align:middle}
.tblType1.write th {text-align:left; text-indent:15px}
.tblType1 .agree_textarea{width:558px; height:94px; padding:20px}

.inp_wrap {width:100%; text-align:right; padding:10px 0 20px}
.reply_div{font-size:25px; font-weight:550; background:#f9f9f9; float:left; width:540px; padding:0 30px; 20px}
.reply_div li{float:left; width:100%; }
.reply_div .re_wrap{position:relative; border-bottom:1px dotted #e0e0e0; float:left; width:100%; padding:20px 0}
/*
.reply_div .comment{position:relative; display:block;  padding-left:40px}
.reply_div li li .comment{position:relative; display:block;  padding-left:80px}
*/
.reply_div .re_wrap .ico_memcon{position:relative; top:0px; left:0}
.reply_div .re_wrap .ico_memcon img{position:relative; width:30px; hegiht:30px; border-radius:100%;}
.reply_div .re_wrap .ico_memcon .comment{position:relative; }
.reply_div li li .re_wrap .ico_memcon{position:relative; left:40px}
.reply_div li li .re_wrap:before {content:""; display:block; width:12px; height:12px; border-bottom:1px solid red; border-left:1px solid red; position:relative; top:20px; left:20px;}
/*
.reply_div .comment div{position:relative; width:100%; margin-top:2px}
.reply_div .comment div:first-child{position:relative; margin-top:0}
*/
.reply_write{float:left; width:100%; margin:20px 0}
.reply_write textarea{width:453px; height:50px; border:1px solid #e5e5e5; vertical-align:top}
.btn_gray_wide{width:90px;display:inline-block; border:1px solid #cccccc; background:url(../../img/bg_btn_gray.png) no-repeat 0 0; color:#494949; padding:5px 10px; border-radius:3px}
.btn_gray{display:inline-block; border:1px solid #cccccc; background:url(../../img/bg_btn_gray.png) no-repeat 0 0; color:#494949; padding:5px 10px; border-radius:3px}
.btn_gray.large{float:right; width:80px; height:52px; padding:0; vertical-align:top}
.btn_gray.SNSlarge{float:right; width:80px; height:64px; padding:0; vertical-align:top}
.reply_write .btn_wrap{margin:10px 0 0}
.th{width:100%; margin-bottom:5px; display:inline-block; text-indent:15px}


.replyre_write{float:left; width:100%; margin:20px 0}
.replyre_write textarea{width:453px; height:50px; border:1px solid #e5e5e5; vertical-align:top; margin-left:20px;}
.replyre_write .btn_wrap{margin:10px 0 0}
.btn_gray.largere{float:right; width:80px; height:52px; padding:0; vertical-align:top; margin-right:20px;}



.upload-name{width:440px; background:#fff}
.filebox{margin-top:5px}
.ie7 .filebox{margin-top:0}
.filebox input[type="file"] {position: absolute;width: 1px; left:-999px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0;}

.tab{float:left; width:100%; border-left:1px solid #d6d6d6; margin-bottom:20px}
.tab li{float:left; width:25%; position:relative; height:38px; border:1px solid #d6d6d6; margin-left:-1px; border-left:0;}
.tab li a {display:block; width:100%; height:100%; text-align:center; line-height:40px; color:#333333}
.tab li.on a{background:#0070bc; color:#fff;position:relative}
.tab li.on a:after{content:'▼'; position:absolute; bottom:-15px; line-height:1; left:50%; font-size:20px; color:#0070bc; margin-left:-9px}

.bn_aside{float:left; width:100%; margin-top:50px;}
.bn_aside a{display:block; width:100%; margin-bottom:10px;}


.btn_wrap{float:left; width:100%; position:relative; text-align:right; margin:20px 0}
.btn_base{display:inline-block; border:0; min-width:80px; padding:10px 0; color:#fff; font-size:14px; border:1px solid #0070bc; background:#0070bc; text-align:center; box-sizing:border-box}
.btn_base:hover{color:#fff}
.btn_base.color_w{border:1px solid #0070bc; background:#fff; color:#0070bc}

/* 한줄광고 */
.hanjul{float:left; width:100%; margin-top:30px}
.hanjul li {float:left; display:table; width:100%; height:80px; margin-bottom:10px; text-align:center}
.hanjul li > div{display:table-cell; width:100%; height:100%; vertical-align:middle; color:#fff; }
.hanjul .ad a,
.hanjul li strong{display:inline-block; width:100%; font-size:20px; padding:0; color:#fff; font-weight:400 }
.hanjul li p{font-size:12px; color:#fff;}
.hanjul .type1 {background:#3c679a}

.list_dot{float:left; font-size:26px; width:100%}
.list_dot li{padding-left:10px; position:relative}
.list_dot li:before{content:"·"; font-size:30px; font-weight:bold; position:absolute; top:-6px; left:0}

.hanjul .type2 {background:#18b9e7}
.hanjul .ad {background:#a9ca55}

/*
.paging{margin-bottom:13px; text-align:center; font-size:0;}
.paging img{margin:0 6px; vertical-align:middle;}
.paging span{margin:0 5px; font-size:11px; background:url('../images/ico/ico_paging_part.png') right center no-repeat; vertical-align:middle;}
.paging span a{padding:0 8px; font-weight:bold; color:#999; background:url('../images/ico/ico_paging_part.png') left center no-repeat;}
.paging span a.current{color:#519cba; font-weight:800}
*/
/* pagining */
.paging{float:left; width:100%; text-align:center; font-size:12px; margin-top:30px}
.paging .direction{padding:0}
.paging .direction img{border:1px solid #d8d8d8;}
.paging .direction:hover img,
.paging .direction:focus img{border:1px dashed #d8d8d8}
.paging strong{color:#0070bc; font-weight:600}
.paging strong,
.paging a{display:inline-block; height:33px; padding:0 10px; line-height:33px}
.paging span a{display:inline-block; height:33px; padding:0 10px; line-height:33px}
.paging span a.current{color:#0070bc; font-weight:600}

.my_id .ico_memcon img{width:90px; hegiht:90px; border-radius:100%;}

.my_account_id{width:100%; float:left; padding:20px 0 20px; text-align:left; }
.my_account_id strong{display:inline-block; width:100%; padding:10px 0 0}

.my_account_id .ico_memcon img{width:90px; hegiht:90px; border-radius:100%;}