@charset "utf-8";
/*  begin */
.m01_arl11 a {font-size:12px; color:#515151;  text-decoration:none;  font-family:"굴림";  text-decoration:none; }
.m01_arl11 ul, .m01_arl11 li{list-style:none;}
.m01_arl11 .div, .m01_arl11 ul, .m01_arl11 li, .m01_arl11 ol, .m01_arl11  p,.m01_arl11  form, .m01_arl11  input, .m01_arl11  dl,  .m01_arl11  dt,   .m01_arl11  dd 
{
	margin : 0 ; 
	padding : 0 ;	
}

.m01_arl11 img{border:0px;}

.m01_arl11 { overflow:hidden;font-size:12px;}
.m01_arl11 .inframe{padding:0px;}
.m01_arl11 .inframe p.bigpic {float:left; width:240px; padding:4px; border-right:0px #517970 solid ; background-color:#ddd;}
.m01_arl11 .inframe p.bigpic img{border:1px solid #9e9e9e;}
.m01_arl11 .inframe p.bigpic strong {display:block; margin: 5px 0 ;}
.m01_arl11 .inframe p.bigpic strong a {color:#000; font-size:14px;}
.m01_arl11 .inframe p.bigpic span a{color:#8a8a8a; font-size:12px; line-height:130%;}
.m01_arl11 .inframe p.bigpic span a:link, .m01_arl11 .inframe p.bigpic span a:visited{color:#333; font-size:12px; line-height:130%;}
.m01_arl11 .inframe p.bigpic span a:hover, .m01_arl11 .inframe p.bigpic span a:active{color:#333; font-size:12px; line-height:130%;text-decoration:underline;}


.m01_arl11 .inframe .piclist {float:left; margin: 0 0 0 20px; width:420px; border:0;}
.m01_arl11 .inframe .piclist .pic {float:left; margin:0 10px 0 0;  display:inline-block;}
.m01_arl11 .inframe .piclist .pic img{display:inline-block;}
.m01_arl11 .inframe .piclist .pic a:link , .m01_arl11 .inframe .piclist .pic a:visited {border:2px solid #eee; display:inline-block;}
.m01_arl11 .inframe .piclist .pic a:hover , .m01_arl11 .inframe .piclist .pic a:active {border:2px solid #d4435f; display:inline-block;}

.m01_arl11 .inframe .piclist  li {height:70px; margin: 0 0 9px 0px;}
.m01_arl11 .inframe .piclist  li strong{ border:0px red solid;}
.m01_arl11 .inframe .piclist  li strong a {color:#3c3c3c; line-height:150%;}
.m01_arl11 .inframe .piclist  li strong a:link, .m01_arl11 .inframe .piclist  li strong a:visited {color:#3c3c3c; font-size:12px; line-height:150%;}
.m01_arl11 .inframe .piclist  li strong a:hover, .m01_arl11 .inframe .piclist  li strong a:active {color:#c5315b;  line-height:150%;text-decoration:underline;}

.m01_arl11 .inframe .piclist  .txt {display:block; color:#77988f; margin:3px 0 0 0; }
.m01_arl11 .inframe .piclist  .txt  a:link, .m01_arl11 .inframe .piclist  .txt  a:visited {color:#8a8a8a; font-size:11px; line-height:130%;letter-spacing:-1px; font-family:"돋움"; }
.m01_arl11 .inframe .piclist  .txt  a:hover, .m01_arl11 .inframe .piclist  .txt  a:active {color:#8a8a8a; font-size:11px; line-height:130%;text-decoration:none;letter-spacing:-1px;}
.m01_arl11 .inframe .piclist  .nospace{padding:0px;margin:0px;}
/*  end */
/*  begin */


.ext_040 { position: relative;}

.ext_040 .depth_wrap { position: relative; background: rgba(0,0,0,.04); border: 2px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,.15); padding: 15px 10px 5px; border-radius: 10px;}
.ext_040 .depth_nav { display: flex; flex-wrap: wrap; justify-content: center;}
.ext_040 .depth_nav li { margin: 0 3px; margin-bottom: 10px;}
.ext_040 .depth_nav li a { display: block; padding: 0 13px; height: 30px; line-height: 29px; background: #fff; border: 2px solid #dedede; font-size: 15px; border-radius: 30px; transition: all .3s ease; font-weight: bold;}
.ext_040 .depth_nav li a:hover, .ext_040 .depth_nav li a.on { background-color: #0c5ba7; color: #fff; border-color: #004795;}
/*  end */
/*  begin */


/************************** m09_arl6 **************************/
.m09_arl6 { position: relative; padding: 9px 0;}
.m09_arl6 a .thumb { transition: .3s all ease;}
.m09_arl6 a:hover .thumb { opacity: .85;}

.m09_arl6 h3 { position: relative; margin-bottom: 5px; margin-top: 2px;}
.m09_arl6 h3 a { display: block; font-size: 18px; color:#2162af;}
.m09_arl6 h3 a span {font-size: 18px; color:#222;}

.m09_arl6 .box_gray { position: relative; background: #f3f3f3; padding: 15px 10px 5px;}

.m09_arl6 .top_link { position: relative; display: block; height: 84px; padding-left: 155px; padding-top: 3px; margin-bottom: 10px;}
.m09_arl6 .top_link .thumb { position: absolute; left: 0; top: 0; border:1px solid #dedede;}
.m09_arl6 .top_link h4 { font-size: 13px; line-height: 1.3; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin: 0 0 5px;}
.m09_arl6 .top_link p { font-size: 11px; font-weight: normal; line-height: 1.3; max-height: 42px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color: #808080;}
.m09_arl6 .top_link:hover h4 { color: #d4253e;}

.m09_arl6 .art_list li { position: relative; padding-left: 9px; margin: 0 0 6px;}
.m09_arl6 .art_list li:before { position: absolute; left: 0; top:0; content: "·"; color: #969696;}
.m09_arl6 .art_list li a { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m09_arl6 .art_list li a:hover { color: #d4253e;}
/*  end */
/*  begin */


.ara_007 { position: relative;}

.ara_007 .art_list_all { position: relative;}
.ara_007 .art_list_all > li { padding: 25px 0; border-bottom: 1px solid #dedede; min-height: 120px;}
.ara_007 .art_list_all > li > a { position: relative; display: block; padding-left: 200px;}
.ara_007 .art_list_all > li.no_img { min-height: inherit;}
.ara_007 .art_list_all > li.no_img > a { padding-left: 0;}
.ara_007 .art_list_all > li > a > span { position: absolute; left: 0; top: 2px; display: block; width: 178px; height: 118px; border: 1px solid #eaeaea;}
.ara_007 .art_list_all > li > a > span img { width: 178px; height: 118px; transition: opacity .3s ease;}
.ara_007 .art_list_all > li > a i { font-style: normal; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; position: relative; top: -2px; background: #b8b8b8; padding: 1px 6px 2px 5px; border-radius: 5px;}
.ara_007 .art_list_all > li > a h2 { font-size: 20px; font-weight: bold; line-height: 1.3; height: inherit !important; max-height: 54px; margin: -3px 0 7px -1px; color: #222;}
.ara_007 .art_list_all > li > a p { margin-bottom: 10px; height: inherit !important; max-height: 39px; color: #808080;}
.ara_007 .art_list_all > li > a ul:after { content: ""; display: block; clear: both;}
.ara_007 .art_list_all > li > a ul li { float: left; padding: 0 6px; background: url(/data/skin/content/1/ara_007//images/icon_bu.png) no-repeat 0 0; line-height: 1; font-size: 11px;}
.ara_007 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0; font-size: 12px;}
.ara_007 .art_list_all > li > a ul li.name { color: #808080;}
.ara_007 .art_list_all > li > a ul li.date { color: #bbbbbb;}
.ara_007 .art_list_all > li > a:hover h2, .ara_007 .art_list_all > li > a:hover p, .ara_007 .art_list_all > li > a:hover img { opacity: .75;}

.ara_007.skinbox .art_list_all { margin-top: -25px;}
/*  end */
/*  begin */


/************************** m09_ext9 **************************/
.m09_ext9 { position: relative; padding: 9px 0;}
.m09_ext9 .tab_box:after { content: ""; display: block; clear: both;}
.m09_ext9 .tab_tit { padding-bottom: 5px; height: 20px;}
.m09_ext9 .tab_tit a { font-size: 17px;}
.m09_ext9 .tab_nav { position:relative; padding-left: 1px; background: #f3f3f3;}
.m09_ext9 .tab_nav:after { content: ""; display: block; clear: both;}
.m09_ext9 .tab_nav li { float: left; width: 27%;}
.m09_ext9 .tab_nav li:first-child { width: 46%;}
.m09_ext9 .tab_nav li a { display:block; height:36px; line-height:36px; padding: 0 8px; font-size:13px; color:#fff; text-align:center; background:#333; border:1px solid #f3f3f3; border-right: 0; transition: .3s all ease;}
.m09_ext9 .tab_nav li.on a, .m09_ext9 .tab_nav li a.tap, .m09_ext9 .tab_nav li.ui-tabs-selected a { background:#f3f3f3; color:#222;}
.m09_ext9 .tab_nav br { display:none;}
.m09_ext9 .ui-tabs-hide { display: none;}
.m09_ext9 .tab_wrap { clear: both; background: #f3f3f3;}
.m09_ext9 .tab_wrap > div { position: relative; padding: 5px 15px;}

.m09_ext9 .lank_list { position: relative;}
.m09_ext9 .lank_list li { margin: 16px 0; position: relative;}
.m09_ext9 .lank_list li a { display: block; padding-left: 27px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align: middle;}
.m09_ext9 .lank_list li a > span { position: absolute; left: -7px; top:-4px; color: #808080; width: 25px; font-size: 21px; text-align: right; font-weight: bold; padding-right: 4px;}
.m09_ext9 .lank_list li a > span.point { color: #444;}
.m09_ext9 .lank_list li a:hover { color:#666;}
/*  end */
/*  begin */


/************************** m09_ext10 **************************/
.m09_ext10 { position: relative; padding: 9px 0;}

.m09_ext10 h3 { position: relative; margin-bottom: 5px;}
.m09_ext10 h3 a { display: block; font-size: 17px; color:#808080;}
.m09_ext10 h3 a i {font-size: 17px; font-style: normal;}
.m09_ext10 .c_red { color:#d4253e; font-weight: bold; font-style: normal;}
.m09_ext10 .c_orange { color:#ce720f; font-weight: bold; font-style: normal;}
.m09_ext10 .c_blue { color:#2162af; font-weight: bold; font-style: normal;}
.m09_ext10 .c_red:hover { color:#a10f24;}
.m09_ext10 .c_orange:hover { color:#944e02;}
.m09_ext10 .c_blue:hover { color:#063e81;}
.m09_ext10 .box_gray { position: relative; background: #f3f3f3; padding: 10px;}
.m09_ext10 .box_gray li { position: relative; margin-top: 7px;}
.m09_ext10 .box_gray li:first-child { margin-top: 0;}

.m09_ext10 .sub_tit { position: absolute; left: 120px; top: 0; display: block; z-index: 2;}
.m09_ext10 .top_link { position: relative; display: block; height: 47px; padding-left: 120px; padding-top: 17px;}
.m09_ext10 .top_link .thumb { position: absolute; left: 0; top: 0; border:1px solid #dedede;}
.m09_ext10 .top_link h4 { font-size: 13px; font-weight: normal; line-height: 1.3; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top: 3px;}
.m09_ext10 .top_link p { font-size: 11px; font-weight: normal; line-height: 1.3; max-height: 29px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color: #808080;}
.m09_ext10 .top_link:hover h4 { color: #d4253e;}
/*  end */
/*  begin */


/************************** m09_ext14 **************************/
.m09_ext14 { position: relative; padding: 9px 0;}
.m09_ext14 .tab_box:after { content: ""; display: block; clear: both;}
.m09_ext14 .tab_tit { padding: 10px 0;}
.m09_ext14 .tab_tit a { font-size: 17px; line-height: 1.2;}

.m09_ext14 .ui-tabs-hide { display: none;}
.m09_ext14 .tab_wrap { position: relative; background: #f3f3f3;}
.m09_ext14 .tab_wrap > div { position: relative; padding: 0 10px;}

.m09_ext14 .indicator { position: absolute; right: 2px; top:27px;}
.m09_ext14 .indicator li { float: left; margin-left: 4px;}
.m09_ext14 .indicator li a { display:block; width: 8px; height:8px; background: #707070; text-indent: -9999px; overflow: hidden;}
.m09_ext14 .indicator li.on a, .m09_ext14 .indicator li a.tap, .m09_ext14 .indicator li.ui-tabs-selected a { background:#2062ae;}

.m09_ext14 .reply_list { position: relative; padding: 12px 7px;}
.m09_ext14 .reply_list li { position: relative; padding: 7px 0; background: url(/data/skin/content/1/m09_ext14//images/bg_reply.png) no-repeat 0 7px; padding-left: 15px;}
.m09_ext14 .reply_list li a { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m09_ext14 .reply_list li a:hover { color: #666;}
/*  end */
/*  begin */


/************************** m09_ext11 **************************/
.m09_ext11 { position: relative; padding: 9px 0;}
.m09_ext11 a { transition: .1s all ease;}

.m09_ext11 h3 { margin-bottom: 5px;}
.m09_ext11 h3 a { font-size: 17px;}
.m09_ext11 .tag_wrap { position: relative; border:1px solid #dedede;}
.m09_ext11 .tag_list { padding: 20px 15px;}
.m09_ext11 .tag_list h4 { font-size: 15px; margin-bottom: 30px;}
.m09_ext11 .tag_list ul { position: relative; text-align: center; font-size: 0;}
.m09_ext11 .tag_list ul li { display: inline-block; vertical-align: middle; margin: -4px 2px;}
.m09_ext11 .tag_list ul li a { display: block; border:1px solid transparent; line-height: 1.3; transition: .1s all ease;}
.m09_ext11 .tag_list ul li a.lv01 { font-size: 15px; color:#808080; padding: 4px 5px 2px;}
.m09_ext11 .tag_list ul li a.lv02 { font-size: 15px; color:#d4253e; padding: 4px 5px 2px;}
.m09_ext11 .tag_list ul li a.lv03 { font-size: 17px; color:#222222; padding: 4px 6px 2px;}
.m09_ext11 .tag_list ul li a.lv04 { font-size: 19px; color:#2062ae; padding: 4px 7px 2px;}
.m09_ext11 .tag_list ul li a.lv05 { font-size: 19px; color:#2062ae; padding: 4px 7px 2px; font-weight: bold;}
.m09_ext11 .tag_list ul li a.lv06 { font-size: 23px; color:#d4253e; padding: 4px 6px 2px;}

.m09_ext11 .tag_list ul li a.lv01:hover { font-size: 17px; padding: 4px 3px 2px;}
.m09_ext11 .tag_list ul li a.lv02:hover { font-size: 17px; padding: 4px 3px 2px;}
.m09_ext11 .tag_list ul li a.lv03:hover { font-size: 19px; padding: 4px 2px 2px;}
.m09_ext11 .tag_list ul li a.lv04:hover { font-size: 22px; padding: 4px 0px 2px;}
.m09_ext11 .tag_list ul li a.lv05:hover { font-size: 22px; padding: 4px 0px 2px;}
.m09_ext11 .tag_list ul li a.lv06:hover { font-size: 25px; padding: 4px 3px 2px;}
/*  end */
/*  begin */


/************************** m09_arl7 **************************/
.m09_arl7 { position: relative; padding: 9px 0;}

.m09_arl7 h3 { position: relative; margin-bottom: 5px;}
.m09_arl7 h3 a { font-size: 17px;}

.m09_arl7 .box_link { position: relative; display: block;}
.m09_arl7 .box_link .bf169 { display: block; border:1px solid #dedede;}
.m09_arl7 .box_link > div { position: relative; border: 1px solid #dedede; margin-top: -1px; background: #b93f53; padding: 13px 9px; transition: .3s all ease;}
.m09_arl7 .box_link:hover > div { background: #a93044;}
.m09_arl7 .box_link h4 { font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom: 3px; color:#fff; line-height: 1;}
.m09_arl7 .box_link p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff;}
/*  end */
/*  begin */


/************************** m09_ext12 **************************/
.m09_ext12 { position: relative; padding: 9px 0; overflow: hidden;}
.m09_ext12 a .thumb { transition: .3s all ease;}
.m09_ext12 a:hover .thumb { opacity: .85;}

.m09_ext12 h3 { position: relative; margin-bottom: 5px;}
.m09_ext12 h3 a { font-size: 17px;}

.m09_ext12 .bx-viewport { overflow: visible !important;}

.m09_ext12 .media_slide_wrap { position: relative; padding: 0 20px 0 21px; height: 120px;}
.m09_ext12 .media_slide:after { content: ""; display: block; clear: both;}
.m09_ext12 .media_slide > li > ul { position: relative;}
.m09_ext12 .media_slide > li > ul:after { content: ""; display: block; clear: both;}
.m09_ext12 .media_slide > li > ul > li { float: left; width: 132px; border:1px solid #eaeaea; margin-left: -1px;}
.m09_ext12 .media_slide > li > ul > li a { display: block;}
.m09_ext12 .media_slide > li > ul > li a .thumb { position: relative; display: block; border-bottom: 1px solid #eaeaea;}
.m09_ext12 .media_slide > li > ul > li.mov a .thumb:after { position: absolute; left: 5px; bottom:5px; content: ""; display: block; width: 22px; height:22px; background: url(/data/skin/content/1/m09_ext12//images/btn_mov_slide.png) no-repeat -40px 0;}
.m09_ext12 .media_slide > li > ul > li a h5 { height: 31px; background: #b93f53; color:#fff; padding: 8px 7px; transition: .3s all ease;}
.m09_ext12 .media_slide > li > ul > li a:hover h5 { background: #a93044;}
.m09_ext12 .media_slide > li > ul > li a h5 span { display: block; font-weight: normal; line-height: 1.3; max-height: 32px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.m09_ext12 .bx-controls-direction a { position: absolute; top:0; width: 20px; height: 123px; background: #222 url(/data/skin/content/1/m09_ext12//images/btn_mov_slide.png) no-repeat 0 center; text-indent: -9999px;}
.m09_ext12 .bx-controls-direction a.bx-prev { left: 0; background-position: 0 center;}
.m09_ext12 .bx-controls-direction a.bx-next { right: 0; background-position: -19px center; width: 21px;}
.m09_ext12 .bx-controls-direction a:hover { background-color: #555;}
.m09_ext12 .bx-pager { display: none;}
/*  end */