@charset "utf-8";
/****************************************/
/*	Name:  Press Arbitration Commission
/*	PART: MAIN STYLE
/*	Version: 5
/*	Author: [???????????? ????????] ??????
/****************************************/

#wrap { position:relative; left:0%; top:0%; width:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wrap { padding-top:80px; }
header { position:relative; }
/* ========== header ========== */
.header-all { position:relative; }
.header-con { *zoom:1; position:relative; padding:26px 10px 19px ; }
.header-con:after { content:""; display:block; clear:both; }
.header-con h1 { width:180px;  }
.header-con .moblie-top { *zoom:1; width:78px; }
.header-con .moblie-top:after { content:""; display:block; clear:both; }
.header-con .moblie-top button { width:31px; height:31px; text-align:center; }

.header-con .moblie-top .icon-top-menu { cursor:pointer; display:inline-block; width:35px; height:35px; text-align:center; }
.header-con .moblie-top .icon-top-menu img { vertical-align:middle; }
.header-con .moblie-top .popupViewBtnP {display:none !important;}
/* NAVIGATION */
.moblie-nav { z-index:500; position:fixed; right:-60%; top:0; width:60%; min-height:200px; max-height:100%; height:100%; background:#3b3b3b;}
.moblie-nav > .lnbNavi {  width:100%; height:100%; z-index:9001; padding-top:0px; overflow-y:auto; border-top: 10px solid #9be0ef; }
.moblie-nav .lnbNavi > ul { margin-bottom:20px; }
.moblie-nav .lnbNavi > ul > li { padding-bottom:2px; background:url('../images/etc/line_2ton_gray.png') repeat-x 0 bottom; }
.moblie-nav .lnbNavi > ul > li > a { display:block; padding:11px 0 11px 10px; font-size:14px; font-weight:bold; color:#fff; }
.moblie-dep { display:none; padding:14px 0 13px 10px; background:#272727; }
.moblie-dep > li > a { display:block; padding:4px 0; line-height:1.5em; font-size:14px; color:#fff; }
.moblie-dep > li > a:hover { color:#feb324; }

.moblie-dep .add-3depth-menu {background: #111;display:none;}
.moblie-dep .add-3depth-menu > li {margin-right: 10px;border-bottom: 1px solid #333;}
.moblie-dep .add-3depth-menu > li:last-child{border-bottom:none;}
.moblie-dep .add-3depth-menu > li > a {color:#fff;padding:10px; display:block;}

#wrap.close {left:0%; transition:all .3s ease-in-out; }
#wrap.open {left:-60%; transition:all .3s ease-in-out; }
.moblie-nav.open { right:0; transition:all .3s ease-in-out; }
.moblie-nav.close {right:-60%; transition:all .3s ease-in-out; }
.mobileHeader.open{position:fixed;	left:-60%; transition:all .3s ease-in-out;}
.mobileHeader.close{position:fixed; left:0; transition:all .3s ease-in-out;}

.mobile-navi-btns { padding-bottom:50px; }
.mobile-navi-btns a { display:block; width:80%; max-width:194px; height:32px; margin:10px auto 0; line-height:32px; text-align:center; font-size:14px; font-weight:bold; color:#ababab; border:1px solid #737373;  }
.mobile-navi-btns a:first-child { margin-top:0; }

/* ========== container ========== */
.main-wrap { width:100%; position:relative; }
.msConTbg { position:absolute; left:0; top:0; width:100%; height:8px; background:url('../images/main/bg_container.png') repeat-x 0 0; }
.main-contant { *zoom:1; }
.main-contant:after { content:""; display:block; clear:both; }

/* **** Mobile Tab **** */
.ms-tab { overflow:hidden; }
.ms-tab a { display:block; float:left; width:25%; padding:22px 0 19px; line-height:1.3em; text-align:center; font-size:15px; font-weight:bold; color:#fff; letter-spacing: -0.03em}
.ms-tab a.bg1 { background:#feb324; }
.ms-tab a.bg2 { background:#fd660d; }
.ms-tab a.bg3 { background:#9eceff; }
.ms-tab a.bg4 { background:#97cb59; }

/* **** Left Side **** */
.leftSide { width:100%; }
.leftSide .box { position:relative; width:100%; height:216.5px; }
.leftSide .box h3 { position:absolute; left:17px; top:22px; z-index:10; font-size:24px; font-weight:bold; color:#fff; }
.leftSide .ban01 { background:#feb324; }
.leftSide .ban01 .conbox { padding:56px 0 0 17px; }
.leftSide .ban01 .conbox a {
	display:block; width:90%; margin-top:4.5px;  padding:10px 0 9.5px 12.5px; font-size:12px; font-weight:bold; color:#fff;
	border:1px solid #fadca3; background:#f1aa22 url('../images/etc/arrow_left_white3.png') no-repeat 97% center;
}
.leftSide .ban01 .conbox a:first-child { margin-top:0; }
.leftSide .ban01 .conbox a .arrow.icon { display:inline-block; width:4px; height:7px; background-position:-343px -163px; }
.leftSide .ban01 > .icon { position:absolute; left:70%; top:35px; width:106px; height:106px; background-position:-185px -494px; }

.leftSide .ban02 { background:#fd660d; }
.academy-wrap { position:relative; margin:60px 16px 0 16px; }
.academy-wrap .guidebook { position:absolute; right:0; top:-37px; width:80px; height:21px; line-height:21px; text-align:center; font-size:12px; font-weight:bold; color:#fd660d; background:#fff; border-radius:3px; }
.sliderbox .title { height:30px; margin-bottom:10px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#fff;  }
.sliderbox dl { margin-left:4px; }
.sliderbox dl dt { margin:0 0 9.5px 0; font-size:12px; color:#fff; max-width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; overflow: hidden;}
.sliderbox dl dd span { display:block; overflow:hidden; width:98%; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px; font-size:12px; color:#fff; }
.sliderbox a {
	display:block; position:absolute; right:1px; top:38px; width:25%; max-width:93px; padding:7px 0 8px 5px; font-size:12px; color:#fff; border:1px solid #fec29e;
	background:#fd660d url('../images/etc/arrow_left_white3.png') no-repeat 93% center;
}
.academy-wrap .bx-controls-direction { width:100%; position:absolute; top:-3px; height:32px; border:1px solid #fec29e; }
.academy-wrap .bx-controls-direction a { z-index:5000; display:block; position:absolute; top:6px; width:10px; height:19px; text-indent:-9999px; background:url('../images/icon/icon.png') no-repeat; }
.academy-wrap .bx-controls-direction a.bx-prev { left:6px; background-position:-199px -154px; }
.academy-wrap .bx-controls-direction a.bx-next { right:6px; background-position:-213px -154px; }
.academy-wrap .bx-pager-item { display:none; }

.leftSide .ban03 { background:#9eceff; }
.leftSide .ban03 .ban03-01 { padding:61.5px 0 0 17px; }
.leftSide .ban03 p { line-height:1.5em; font-size:14px; color:#fff; }
.leftSide .ban03 a {
	display:block; width:101px; margin:20px 0 0 0; padding:14px 0 15px 10px; font-size:13px; font-weight:bold; color:#fff;
	border:1px solid #d5e7fa; background:#96c3f2 url('../images/etc/arrow_left_white3.png') no-repeat 93% center;
}
.leftSide .ban03 .icon { display:block; position:absolute; left:65%; top:35px; width:106px; height:106px; background-position:-79px -494px; }
.leftSide .ban04 { background:#668f34; }
.leftSide .ban04 .iframe-wrap { position:relative; height:100%; }
.leftSide .ban04 .iframe-wrap .iframe { position:absolute; width:100%; height:100%; }
.leftSide .ban04 .iframe-wrap .iframe img { width:100%; height:100%; }

/* **** Right Side **** */
.rightSide { overflow:hidden; width:100%; }
.notice-all { width:100%; height:200px; padding:1% 0 20px; background:#fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.notice-tab { overflow:hidden; margin-bottom:17px; padding:0 1%; }
.notice-tab li { float:left; width:32.88%; margin-left:2px; }
.notice-tab li:first-child { margin-left:0; }
.notice-tab li a { display:block; padding:15px 0; text-align:center; font-size:14px; color:#000; background:#f2f2f2; }
.notice-tab li a.active { background:#fff; }

.notice-con-all .notice-con { display:none; }
.notice-con {  padding:0 3%; }
.notice-con li { overflow:hidden; width:100%; padding-left:19px; background:url('../images/etc/dot_black.png') no-repeat 10px center; }
.notice-con li a { display:block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.9em; }

.journals-wrap { position:relative; width:100%; padding:18.5px 0 23px; background:#e2e7e9; }
.journals-wrap h3 { margin:0 0 18px 19px; font-size:21px; }

.slider-txt { padding:0 19px; }
.slider-txt dt { margin-bottom:12px; font-size:18px; }
.slider-txt dd a { line-height:1.5em; font-size:14px; }
.journals-wrap02 h3 {color:#fff; margin-bottom:4px;}
.journals-wrap02 .slider-txt {width:100%;}
.journals-wrap02 .slider-txt dt {font-size:14px; color:#fcf4c0;}
.journals-wrap02 .slider-txt dd {width:;word-break:keep-all; line-height:1.5em; font-size:13px; color:#fff;}
.journals-wrap02 .journalsSlider .gobtn {top:200px;}
.journals-wrap02 {    background: #7e8ed7 !important;}
@media (min-width: 768px) {
.journals-wrap02 {background:#7e8ed7 url('../images/main/bg_journals0215.png') no-repeat right !important; background-size:auto 100% !important;}
}
/*.journals-wrap .bx-controls-direction { position:absolute; right:21px; top:25px; }
.journals-wrap .bx-controls-direction a { display:inline-block; width:29px; height:29px; text-indent:-9999px; background:url('../images/icon/icon.png') no-repeat; }
.journals-wrap .bx-controls-direction a.bx-prev { background-position:0 -199px; }
.journals-wrap .bx-controls-direction a.bx-next { background-position:-29px -199px; }*/
.journals-wrap .bx-pager-item,
.journals-wrap .bx-controls-direction { display:none; }

#reload-slider01,#reload-slider02,#reload-slider03 { position:absolute; left:-9999px; top:-9999px; }

/* **** Banners **** */
.main-banner-wrap { width:100%; padding:18px 0; background:#fff9f2; }
.main-banner { overflow:hidden; width:100%; max-width:1200px; margin:0 auto; text-align:center; }
.main-banner div { float:left; width:22%; margin:0 1.5%; }
.main-banner div a {
	display:block; text-align:center;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.main-banner div a > i { vertical-align:middle; }
.main-banner div a span { display:block; vertical-align:middle; margin-top:21px; line-height:1.5em; font-size:15px; font-weight:bold; }
.main-banner div a em { display:inline-block; font-size:15px; font-weight:bold; }

/*
.main-banner div.banM01 { background:url('../images/icon/ic_qna_on.png') no-repeat center 0; background-size:42px 46px; }
.main-banner div.banM01 a:hover,
.main-banner div.banM02 a:hover,
.main-banner div.banM03 a:hover {
	transform:translate3d(7px,-7px,7px);
	-webkit-transform:translate3d(7px,-7px,7px);
	-moz-transform:translate3d(7px,-7px,7px);
	-o-transform:translate3d(7px,-7px,7px);
}
.main-banner div.banM02 { background:url('../images/icon/ic_inquiry_on.png') no-repeat center 0; background-size:84px 92px; }
.main-banner div.banM03 { background:url('../images/icon/ic_library_on.png') no-repeat center 0; background-size:84px 92px; }
*/

/* ========== footer ========== */
.footer-wrap { width:100%; background:#4c4c4c; }
.footer-top { *zoom:1; }
.footer-top:after { content:""; display:block; clear:both; }
.footer-box { float:left; width:100%; }
.footer-menu { float:left; width:100%; padding-bottom:2px; padding-left:30px; text-align:left; background:url('../images/etc/line_2ton_gray.png') repeat-x bottom; }
.footer-menu a { display:inline-block; padding:12.5px 1% 12.5px 2%; font-size:14px; color:#b5b5b5; background:url('../images/etc/line_gray.png') no-repeat 0 center; }
.footer-menu a:first-child { padding-left:0; background:none; }
.footer-menu a.lineNone { background:none; }
.footer-wrap .sns { float:left; width:100%; padding:15px 0 18px; text-align:center; background:url('../images/etc/line_2ton_gray.png') repeat-x bottom; }
.footer-wrap .sns a.iconSns { display:inline-block; width:42px; height:40px; background:url('../images/icon/icon_sns.png') no-repeat; }
.footer-wrap .sns a.iconSns.blog { background-position:0 0; }
.footer-wrap .sns a.iconSns.kakao {background:url('../images/icon/kakao.jpg')center center no-repeat;}
.footer-wrap .sns a.iconSns.fa { background-position:-42px 0; }
.footer-wrap .sns a.iconSns.tw { background-position:-84px 0; }
.footer-wrap .sns a.iconSns.yb { background-position:-126px 0; }

.footer-wrap .sns a.iconSns.online_edu{
	background:url('../images/renew/online_edu_s.png');
}
.footer-wrap .sns a.iconSns.online_edu:hover{
	background:url('../images/renew/online_edu_sh.png');
}
.footer-wrap .sns a.iconSns.youtube{
	background:url('../images/renew/sub_icon_youtube.png');
}



.address { padding:3% 1%; }
.address p, .address p .tt { line-height:1.5em; text-align:center; font-size:11px; color:#b5b5b5; }
.address p span { font-size:11px; }
.address p a { font-size:11px; color:#a4a4a4; cursor:text; }
.address p.copyright { margin-top:5px; }
.address .icon.fmail { display:inline-block; width:12px; height:10px; margin-right:5px; background-position:-704px -157px; }

/* ========== search-from-wrap ========== */
.search-from { display:none; z-index:9000; position:absolute; left:0; top:80px; width:100%; padding:21px 11px; text-align:center; background:#3b3b3b; }
.search-from div.inpBox { position:relative; display:inline; }
.search-from div.inpBox label { position:absolute; left:7px; top:3px; font-size:12px; font-weight:bold; color:#9f9f9f; }
.search-from .btn-org { cursor:pointer; width:60px; height:34px; line-height:34px; color:#fff;  }

.search-from-sub { position:fixed;  }

/* ========== main_popupzone ========== */
.main_popupzone { position:relative; z-index:9999; width:100%; margin:0 auto; background:#bdd8f3;}
.main_popupzone .popupzone { width:100%; max-width:1200px; height:120px; overflow:hidden; position:relative; margin:0 auto; }
.main_popupzone .popupzone .ctrl {position:absolute; bottom:9px; right:6px; z-index:2;}
.main_popupzone .popupzone .ctrl .pop_close img { vertical-align:middle; }
.main_popupzone .popupzone .ctrl label {display:inline-block; color:#fff; padding:0 8px 0 0; vertical-align:middle;font-size:12px; }
.main_popupzone .popupzone .ctrl a { display:inline-block; }
.skdslider{ width:100%; max-width:1200px; margin:0 auto; position: relative; display: block; overflow:hidden; }
.skdslider:after { content: ''; padding-top: 50%;  display: block; }
.skdslider ul.slides li { display: none;line-height:120px;text-align:center; }
.skdslider ul.slides li img { width:100%; padding-top:15px; }
.skdslider ul.slide-navs { top:98px; right:48px; position: absolute; }
.skdslider ul.slide-navs li { float: left; background: url("../images/main/dot_popupzone_off.png") no-repeat scroll 0 0 transparent; height:11px; width:11px; margin-left:6px; cursor:pointer; }
.skdslider ul.slide-navs li.current-slide { background: url("../images/main/dot_popupzone_on.png") no-repeat scroll 0 0 transparent;height:11px; width:11px; }
.skdslider a.pause{ background: url("../images/main/btn_popupzone_stop.png") no-repeat scroll center center transparent; width:11px; height:11px; cursor:pointer; position:absolute; top: 98px; right:29px; }
.skdslider a.play{ background: url("../images/main/btn_popupzone_start.png") no-repeat scroll center center transparent; width:11px; height:11px; cursor:pointer; position:absolute; top: 98px; right:29px; }
.skdslider a.prev { background: url("../images/main/arrow_popupzone_left.png") no-repeat scroll 0 0 transparent; width:19px;height:37px;display:block;cursor:pointer;position:absolute;top:29px;left:0; }
.skdslider a.next{ background: url("../images/main/arrow_popupzone_right.png") no-repeat scroll 0 0 transparent;width:19px;height:37px;display:block;cursor:pointer;position:absolute;top:29px;right:0; }

.popupzone-design { position:relative; width:100%; height:120px; }
.popupzone-btns  { position:absolute; left:36%; top:68%;  }
.popupzone-btns01  { position:absolute; left:31%; top:73%;  }
.popupzone-btns a { display:inline-block; width:89px; height:22px; }
.skdslider ul.slides li .popupzone-btns a img { padding-top:0; }



/* ========== popupzone-wrap ==========
.popupzone-wrap { width:100%; height:120px; background:#bdd8f3; }
.popupzone-all { position:relative; width:100%; max-width:1200px; height:120px; margin:0 auto; }
.popupzone-all ul { height:120px; }
.popupzone-all ul li { padding-top:20px; }
.popupzone-all .bx-pager { z-index:10; position:absolute; right:32px; bottom:5px; overflow:hidden; }
.popupzone-all .bx-pager .bx-pager-item { float:right; margin:0 2px; }
.popupzone-all .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999px; background:url('../images/main/dot_popupzone_off.png') no-repeat 0 0; }
.popupzone-all .bx-pager .bx-pager-item a.active { background:url('../images/main/dot_popupzone_on.png') no-repeat 0 0; }

.popupzone-all .bx-controls-direction a { display:block; position:absolute; top:40px; width:19px; height:37px; text-indent:-9999px; }
.popupzone-all .bx-controls-direction a.bx-prev { left:0; background:url('../images/main/arrow_popupzone_left.png') no-repeat 0 0; }
.popupzone-all .bx-controls-direction a.bx-next { right:0; background:url('../images/main/arrow_popupzone_right.png') no-repeat 0 0; }
.popupzone-all .bx-controls-auto { position:absolute; right:28px; bottom:5px; height:11px; background:red; }
.popupzone-all .bx-controls-auto div a { display:block; position:absolute; left:0; top:0; height:11px; text-indent:-9999px; }
.popupzone-all .bx-controls-auto div a.bx-start { display:none; width:6px; background:url('../images/main/btn_popupzone_start.png') no-repeat 0 0; }
.popupzone-all .bx-controls-auto div a.bx-stop {  width:7px; background:url('../images/main/btn_popupzone_stop.png') no-repeat 0 0; }
.popupzone-all .chkBox { z-index:10; position:absolute; right:80px; bottom:5px; }
.popupzone-all .chkBox label { font-size:12px; font-weight:bold; color:#fff; }
.popupzone-all .chkBox input { margin-right:6px; border:1px solid #fff; background:#fff; }*/

/*20171109 joo ????*/
.journal_m_go {display:none;}
@media screen and (max-width:768px){
.sliderbox a {top: inherit; bottom: 7px; width: 80px; padding: 10px 0 10px 10px; font-size: 13px;  font-weight: bold;}
.leftSide .box h3 {display:none;}
.leftSide .conbox,
.leftSide .ban03 .ban03-01 {padding-top:30px !important;}
.leftSide .box {height:auto;}
.leftSide .box#con-ban04 {height: 216px;}
.leftSide .ban03 .ban03-01,
.leftSide .ban01 .conbox {padding-bottom:30px;}
.academy-wrap .guidebook {display:none;}
.academy-wrap {margin-top:30px;}
.journal_m_go {display:block; position: absolute; top:0; left:0; right:0; bottom:0; color:transparent; font-size:0;}
}