@charset "UTF-8";


/*default*/
* { margin:0; padding:0; border:none; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; }
header, nav, section, article, aside, footer, address { display:block; margin:0; padding:0; border:0; box-sizing:border-box !important; }
i, em, address, h1, h2, h3, h4, h5, h6 { font-style:normal; }
ol, ul, li { list-style-type:none; margin:0; padding:0; }
img { margin:0; padding:0; border:none; vertical-align:middle; }
a { text-decoration:none; /* transition:all 0.3s; */ }
table { border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
table th, table td { padding:2px 3px; text-align:center; vertical-align:middle; }
select, input { margin:0; padding:2px; vertical-align:middle; }
button { border:none; cursor:pointer; vertical-align:middle; }
body { position:relative; padding:0; border:0; font-family:'Noto Sans', sans-serif; font-size:14px; color:#333; background:#fff; }
body:before { content:""; position:absolute; left:0; top:0; width:100%; height:70px; background:#347dbe; z-index:10;}

/* 공통 css */
.titleNone { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.red { color:#a61949; }
.blue { color:#3d93d6; }
.blueBtn { display:inline-block; height:26px; padding:0 15px; line-height:25px; font-size:12px; font-weight:bold; text-decoration:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; background:#347dbe; }
.blueBtn:hover { opacity:0.8; }
.blueBtn:active { opacity:1; }

/*본문 바로가기*/
#skipnavi { position:absolute; left:0; top:0; width:100%; z-index:1000; }
#skipnavi a { position: absolute; top:-50px; margin-bottom:-1px; width:100%; height:1px; overflow: hidden; font-size:13px; }
#skipnavi a:focus,
#skip_navi a:active { position:absolute; top:0; width:100%; height:auto; border:1px solid #01614c; padding:5px; color:#01614c; font-weight:bold; text-align:center; z-index:1001; background:#fff; border-bottom:1px solid #333; box-shadow:0 1px 5px #000; transition:top 0.3s;}

/*skipMenu*/
.skipMenu { display:block; position:fixed; z-index:1000; left:0; top:-50px; width:100%; height:40px; font-size:16px; font-weight:bold; background:#fff; border-bottom:1px solid #333; box-shadow:0 1px 5px #000; transition:top 0.3s; }
.skipMenu.open { top:0; }
.skipMenu:focus,
.skipMenu:hover { color:#db3e02; text-decoration:underline; }

/*header*/
header { position:relative; z-index:10; margin:0 auto; width:100%; max-width:1240px; height:70px; border-bottom:1px solid #ccc; }
header .topMenu { height:30px; padding:0 10px; line-height:45px; text-align:right; }
header .mobileTopMenu { display:none; }
header .topMenu .topRight { float:right; margin-top:10px;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
header .topMenu a { display:inline-block; padding:0 10px; color:#fff; }
header .topMenu .searchArea { height:30px; display:inline-block; }
header .topMenu .searchArea input { position:relative; top:10px; padding:0 35px 0 15px; width:280px; height:30px; font-size:16px; text-align:right; background:#fff; vertical-align:top; }
header .topMenu .searchArea button { position:relative; top:1px; left:-34px; width:30px; height:28px; font-size:0; background:transparent; }
.ie11 header .topMenu .searchArea button { position:relative; top:-5px; left:-34px; width:30px; height:35px; font-size:0; background:transparent; }
.ie10 header .topMenu .searchArea button { position:relative; top:-5px; left:-34px; width:30px; height:35px; font-size:0; background:transparent; }
.ie9 header .topMenu .searchArea button { position:relative; top:-5px; left:-34px; width:30px; height:35px; font-size:0; background:transparent; }
header .topMenu .searchArea button:before { content:"\e8b6"; font-size:30px; color:#555; font-family:'Material Icons'; }
header .topMenu .mobileSearchArea { display:none; }

/*mobileMenu*/
#mainMenu .mobileMenu { display:none; }
#mainMenu .mobileMenu .mobileBtn { position:absolute; top:20px; left:15px; width:30px; height:30px; background:url('../../images/btn_menu_white.png') no-repeat; z-index:100; cursor:pointer; }
#mainMenu .container .mobileAccor { position:absolute; top:70px; left:-300px; width:300px; height:1354px; border-top:1px solid #fff; border-right:1px solid #347dbe; border-bottom:1px solid #347dbe; background:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
#mainMenu .container .mobileAccor.open { left:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
#mainMenu .container .mobileMenu { position:absolute; z-index:100; left:0; top:0; /* bottom:0; */ width:199px; }
#mainMenu .container .mobileMenu .logo { padding:20px; width:100%; min-width:200px; background:#3d93d6; border-bottom:1px solid #fff; }
#mainMenu .container .mobileMenu .logo h1 { font-size:30px; line-height:110%; }
#mainMenu .container .mobileMenu .logo h1 a { color:#fff; }
#mainMenu .container .mobileMenu .logo .issn { margin-top:10px; font-size:14px; color:#fff; }
#mainMenu .container .mobileMenu ul li { list-style:none; }
#mainMenu .container .mobileMenu ul li a.depth1Menu { display:block; position:relative; width:100%; height:100%; max-height:70px; padding:24px 10px; font-size:16px; color:#555; background:#fff; border-bottom:1px solid #ddd; }

#mainMenu .container .mobileMenu .depth1 .depth2 li a { display:block; position:relative; width:100%; height:100%; padding:15px 10px; color:#fff; background:#46a1e8; border-top:1px solid #fff; border-bottom:1px solid #ddd;  }
#mainMenu .container .mobileMenu .depth1 .depth2 .depth3 li a { background:#81b8e4; padding:7px 10px; }
#mainMenu .container .mobileMenu .depth1 .depth1Menu span.menuIcon .icon_keyboard_arrow_right { float:right; margin-right:10px; vertical-align:middle; color:#555; }
#mainMenu .container .mobileMenu .depth1 .depth1Menu span.menuIcon .icon_keyboard_arrow_down { float:right; margin-right:10px; vertical-align:middle; color:#fff; }
#mainMenu .container .mobileMenu .depth1 .depth2 { display:none; }

#mainMenu .container .mobileMenu .depth2 li a span.menuIcon i.icon_keyboard_arrow_right { float:right; margin:-7px 15px 0 0; vertical-align:middle; color:#fff; }
#mainMenu .container .mobileMenu .depth2 li a span.menuIcon i.icon_keyboard_arrow_down { float:right; margin:-7px 15px 0 0; vertical-align:middle; color:#fff; }

/* active 클래스 추가시 css 변경 */
#mainMenu .container .mobileMenu .sidebarMenu > li > a.active { color:#fff; background:#347dbe; }
#mainMenu .container .mobileMenu .sidebarMenu .depth2 > li > a.active { color:#fff; background:#347dbe; }

#mainMenu .container .mobileMenu ul li a i { display:inline-block; font-size:24px; color:#fff; vertical-align:middle; }
#mainMenu .container .mobileMenu ul li a span { margin-left:10px; }
#mainMenu .container .mobileMenu ul li ul li a span { margin-left:25px; }

#mainMenu .container .mobileMenu .depth3 li a span { margin-left:40px; }
#mainMenu .container .mobileMenu .depth1 .depth2 .depth3 li a:focus,
#mainMenu .container .mobileMenu .depth1 .depth2 .depth3 li a:active,
#mainMenu .container .mobileMenu .depth1 .depth2 .depth3 li a:hover { color:#fff; background:#347dbe; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
#mainMenu .container .mobileMenu .sidebarMenu .depth1 .depth2 > li > a.active { color:#fff; background:#347dbe; }


/* 모바일 검색창 */
header .mobileSearchArea { position:absolute; padding:10px 90px 10px 10px; left:0; top:-67px; width:100%; height:67px; text-align:center; background-color:#fff; z-index:200; transition:all 0.3s; }
header .mobileSearchArea.open { top:0; }
header .mobileSearchArea input { margin-top:10px; padding:0 15px; width:100%; height:30px; text-align:right; border:1px solid #347dbe; border-radius:5px;  outline:none; }
header .mobileSearchArea .searchBtn { position:absolute; top:20px; right:45px; font-size:0; padding-left:2px; background-color:transparent; }
header .mobileSearchArea .closeBtn { position:absolute; top:20px; right:5px; font-size:0; background-color:transparent; }
header .mobileSearchArea button i { font-size:30px; font-weight:bold; color:#347dbe; }


/*아코디언메뉴*/
.mainMenu { position:relative; float:left; z-index:999; left:0; top:-70px; bottom:0; width:16.1%; min-width:199px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.mainMenu .logo { padding:20px; width:100%; min-width:200px; background:#3d93d6; border-bottom:1px solid #fff; }
.mainMenu .logo h1 { font-size:30px; line-height:110%; }
.mainMenu .logo h1 a { color:#fff; }
.mainMenu .logo .issn { margin-top:10px; font-size:14px; color:#fff; }
.mainMenu ul li { list-style:none; }
.mainMenu ul li a.depth1Menu { display:block; position:relative; width:100%; height:100%; max-height:70px; padding:24px 10px; font-size:16px; color:#555; background:#fff; /* border-top:1px solid #888; */ border-bottom:1px solid #ddd; }
.mainMenu ul li a:hover { color:#fff; background:#347dbe; border-bottom:1px solid #ddd; }
.mainMenu ul li a.depth1Menu:hover span.menuIcon i.icon_keyboard_arrow_right { color:#fff; }

.mainMenu .depth1 .depth2 li a { display:block; position:relative; width:100%; height:100%; padding:15px 10px; color:#fff; background:#46a1e8; border-top:1px solid #fff; border-bottom:1px solid #ddd;  }
.mainMenu .depth1 .depth2 .depth3 li a { background:#81b8e4; padding:7px 10px; }
.mainMenu .depth1 .depth1Menu span.menuIcon .icon_keyboard_arrow_right { float:right; margin-right:10px; vertical-align:middle; color:#555; }
.mainMenu .depth1 .depth1Menu span.menuIcon .icon_keyboard_arrow_down { float:right; margin-right:10px; vertical-align:middle; color:#fff; }
.mainMenu .depth1 .depth2 { display:none; }

.mainMenu .depth2 li a span.menuIcon i.icon_keyboard_arrow_right { float:right; margin:-7px 15px 0 0; vertical-align:middle; color:#fff; }
.mainMenu .depth2 li a span.menuIcon i.icon_keyboard_arrow_down { float:right; margin:-7px 15px 0 0; vertical-align:middle; color:#fff; }

/* active 클래스 추가시 css 변경 */
.mainMenu .sidebarMenu > li > a.active { color:#fff; background:#347dbe; }
.mainMenu .sidebarMenu .depth2 > li > a.active { color:#fff; background:#347dbe; }

.mainMenu ul li a i { display:inline-block; font-size:24px; color:#fff; vertical-align:middle; }
.mainMenu ul li a span { margin-left:10px; }
.mainMenu ul li ul li a span { margin-left:25px; }

.mainMenu .depth3 li a span { margin-left:40px; }
.mainMenu .depth1 .depth2 .depth3 li a:focus,
.mainMenu .depth1 .depth2 .depth3 li a:active,
.mainMenu .depth1 .depth2 .depth3 li a:hover { color:#fff; background:#347dbe; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.mainMenu .sidebarMenu .depth1 .depth2 > li > a.active { color:#fff; background:#347dbe; }
.mainMenu .depth3 { display:none; }

.mainMenu .depth2 li a:hover { color:#fff; background:#347dbe; border-top:1px solid #fff; border-bottom:1px solid #ddd; }

/* esci / OA 아이콘 */
.mainMenu .esci_oa { padding-top:5px; width:100%; height:100%; max-height:70px; background:#fff; border-bottom:1px solid #ddd; text-align:center; }
.mainMenu .esci { width:170px; height:60px; }
.mainMenu .oa { width:170px; height:60px; }

.mainSidebar .sidebar .sidebarMenu .depth1 .depth2 li:before { content:""; position:absolute; bottom:auto; left:18px; right:auto; margin-top:21px; width:8px; height:1px; background:#fff; z-index: 1; }
.mainSidebar .sidebar .sidebarMenu .depth1 .depth2 li:after { content:""; position:absolute; top:3px; bottom:3px; left:18px; border-left:1px solid #fff; }

.mainMenu .depth1 ul.depthBlock { display:block; }

.red { color:#a61949; }
.blue { color:#3d93d6; }

/* 본문 컨텐츠 */
.wrapper { position:relative; width:100%; max-width:1240px; min-height:900px; margin:0 auto; overflow:hidden; background:#f2f2f2; box-shadow:0 0 15px #888; }
.wrapper:before { content:""; position:absolute; left:0; top:0; bottom:0; width:200px; border-right:1px solid #ddd; background:#fff; box-sizing:border-box; }
h2 { font-size:18px; font-weight:bold; color:#555;  }
h2.hide { display:none; }

.contsWrap { float:left; width:83.9%; }

section { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); }
.lineBox { margin-top:5px; clear:both; overflow:hidden; }


/* table 공통 css */
.titleNone { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.secTitle { position:relative; margin-bottom:20px; font-size:16px; border-bottom:2px solid #a61949; }
.secTitle span { display:inline-block; width:90%; }
.smallTitle { margin-top:10px; font-size:15px; font-weight:normal; }
.smallTitle a { color:#0000ee; }
.smallTitle a:visited { color:#0000ee; }
.secMore { position:absolute; right:5px; bottom:2px; font-size:14px; font-weight:bold; color:#a61949; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.bold { font-weight:bold; }
ul.decimal li { list-style:decimal; }
ul.disc li { list-style:disc; }
ul.alphabet li { list-style:upper-alpha; }

.currentTable { table-layout:fixed; width:100%; font-size:12px; color:#333; border-collapse:collapse; background:#fff; }
.currentTable a img { float:right; width:25px; height:25px; margin:0 10px 0 10px; }
.currentTable input { vertical-align:middle; }
.currentTable tr { border-top:1px dashed #ccc; }
.currentTable tr:first-child { border:none; }
.currentTable th { padding:10px 5px 10px 5px; font-weight:bold; border-bottom:1px solid #ddd;}
.currentTable td { padding:10px 5px 10px 5px; text-align:center; color:#333;  word-break:break-all; text-overflow:ellipsis; /* white-space:nowrap; */ overflow:hidden; }
.currentTable ul { list-style:none; }
.currentTable ul li { width:100%; text-overflow:ellipsis; /* white-space:nowrap; */ overflow:hidden;  }
.currentTable .listTitle { font-size:14px; font-weight:bold; }
.currentTable .listTitle a { color:#3360bb; }
.currentTable .listTitle a:hover { color:#a61949; }
.currentTable .listTitle a img{ float:right; }
.currentTable .author { font-size:13px; font-weight:bold; }

/* 리스트영역 */
.listArea { padding:5px; width:100%; background:#fff; overflow:hidden; }
.listTable { /*table-layout:fixed;*/ width:100%; border-spacing:0;  }
.listTable tr th { padding:10px; text-align:center; border:1px solid #ccc; border-top:2px solid #3d93d6; border-bottom:1px solid #ccc; background:#f2f2f2;}
.listTable tr th:first-child { border-left:none; }
.listTable tr th:last-child { border-right:none; }
.listTable tr td { padding:10px 10px; border-bottom:1px solid #ccc; word-break:break-all; }
/* 190308 추가 */
.listTable4 { /*table-layout:fixed;*/ width:100%; border-spacing:0;  }
.listTable4 tr th { padding:10px; text-align:center; border:1px solid #ccc; border-top:2px solid #3d93d6; border-bottom:1px solid #ccc; background:#f2f2f2;}
.listTable4 tr th:first-child { border-left:none; }
.listTable4 tr th:last-child { border-right:none; }
/* .listTable4 tr td { padding:10px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; word-break:break-all; } */
.listTable4 tr td { padding:10px 10px; border:1px solid #ccc; border-top:none; word-break:break-all; }
.listTable4 tr td:first-child { border-left:none; }
.listTable4 tr td:last-child { border-right:none; }

/* 리스트영역2 */
.listArea2 { padding:5px; width:100%; background:#fff; overflow:hidden; }
.listTable2 { table-layout:fixed; width:100%; border-spacing:0;  }
.listTable2 tr:first-child { border-top:2px solid #3d93d6; }
.listTable2 tr th { padding:10px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#f2f2f2;}
.listTable2 tr th:first-child { border-left:none; }
.listTable2 tr th:last-child { border-right:none; }
.listTable2 tr td { padding:10px 10px; border-bottom:1px solid #ccc; /* text-align:left; */ word-break:break-all; }
.listArea2 tr td a { color:#3360bb; font-weight:bold; }
.listArea2 tr td a:hover { color:#a61949; }

/* 리스트영역3 */
.listArea3 { padding:5px; width:100%; background:#fff; overflow:hidden; }
.listTable3 { table-layout:fixed; width:100%; border-spacing:0;  }
.listTable3 tr:first-child { border-top:2px solid #3d93d6; }
.listTable3 tr:last-child { border-bottom:2px solid #3d93d6; }
.listTable3 tr th { padding:10px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#f2f2f2;}
.listTable3 tr th:first-child { border-left:none; }
.listTable3 tr th:last-child { border-right:none; }
.listTable3 tr td { padding:10px 10px; border-bottom:1px solid #ccc; text-align:left; /* word-break:break-all; */ }
.listArea3 tr td a { color:#3360bb; font-weight:bold; }
.listArea3 tr td a:hover { color:#a61949; }
.listTable3 tr td.line1 { border-right:1px solid #ccc; }
.listTable3 tr td.line2 { padding:0; text-align:center; border-right:1px solid #ccc; }
.listTable3 tr td ul { padding-left:15px; }

.listArea3 .listTable3.mobileChecklist { display:none; }
.listArea3 .listTable3.mobileChecklist h1 { position:relative; margin-bottom:10px; line-height:1; font-size:15px; font-weight:bold; color:#3d93d6; }
.listArea3 .listTable3.mobileChecklist h1 .infoImg { float:left; display:inline-block; width:5%; min-width:16px; height:16px; background:url('../../images/icon/icon_checkInfo.png')no-repeat; background-size:16px; background-position:left center; vertical-align:middle; }
.listArea3 .listTable3.mobileChecklist h1 i { margin-top:-2px; font-size:18px; vertical-align:middle; }

/* margin style*/
.m_0 { margin:0 !important; }
.m_5 { margin:5px !important; }
.m_10 { margin:10px !important; }
.m_15 { margin:15px !important; }
.m_20 { margin:20px !important; }
.m_25 { margin:25px !important; }
.m_30 { margin:20px !important; }
.m_35 { margin:35px !important; }
.m_40 { margin:40px !important; }
.m_45 { margin:45px !important; }
.m_50 { margin:50px !important; }

.mt_0 { margin-top:0 !important; }
.mt_5 { margin-top:5px !important; }
.mt_10 { margin-top:10px !important; }
.mt_15 { margin-top:15px !important; }
.mt_20 { margin-top:20px !important; }
.mt_25 { margin-top:25px !important; }
.mt_30 { margin-top:30px !important; }
.mt_35 { margin-top:35px !important; }
.mt_40 { margin-top:40px !important; }
.mt_45 { margin-top:45px !important; }
.mt_50 { margin-top:50px !important; }

.mb_0 { margin-bottom:0 !important; }
.mb_5 { margin-bottom:5px !important; }
.mb_10 { margin-bottom:10px !important; }
.mb_15 { margin-bottom:15px !important; }
.mb_20 { margin-bottom:20px !important; }
.mb_25 { margin-bottom:25px !important; }
.mb_30 { margin-bottom:30px !important; }
.mb_35 { margin-bottom:35px !important; }
.mb_40 { margin-bottom:40px !important; }
.mb_45 { margin-bottom:45px !important; }
.mb_50 { margin-bottom:50px !important; }

.ml_0 { margin-left:0 !important; }
.ml_5 { margin-left:5px !important; }
.ml_10 { margin-left:10px !important; }
.ml_15 { margin-left:15px !important; }
.ml_20 { margin-left:20px !important; }
.ml_25 { margin-left:25px !important; }
.ml_30 { margin-left:30px !important; }
.ml_35 { margin-left:35px !important; }
.ml_40 { margin-left:40px !important; }
.ml_45 { margin-left:45px !important; }
.ml_50 { margin-left:50px !important; }

.mr_0 { margin-right:0 !important; }
.mr_5 { margin-right:5px !important; }
.mr_10 { margin-right:10px !important; }
.mr_15 { margin-right:15px !important; }
.mr_20 { margin-right:20px !important; }
.mr_25 { margin-right:25px !important; }
.mr_30 { margin-right:30px !important; }
.mr_35 { margin-right:35px !important; }
.mr_40 { margin-right:40px !important; }
.mr_45 { margin-right:45px !important; }
.mr_50 { margin-right:50px !important; }

/* padding style */
.p_0 { padding:0 !important; }
.p_5 { padding:5px !important; }
.p_10 { padding:10px !important; }
.p_15 { padding:15px !important; }
.p_20 { padding:20px !important; }
.p_25 { padding:25px !important; }
.p_30 { padding:30px !important; }
.p_35 { padding:35px !important; }
.p_40 { padding:40px !important; }
.p_45 { padding:45px !important; }
.p_50 { padding:50px !important; }

.pt_0 { padding-top:0 !important; }
.pt_5 { padding-top:5px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }
.pt_45 { padding-top:45px !important; }
.pt_50 { padding-top:50px !important; }

.pb_0 { padding-bottom:0 !important; }
.pb_5 { padding-bottom:5px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }
.pb_45 { padding-bottom:45px !important; }
.pb_50 { padding-bottom:50px !important; }

.pl_0 { padding-left:0 !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }
.pl_45 { padding-left:45px !important; }
.pl_50 { padding-left:50px !important; }

.pr_0 { padding-right:0 !important; }
.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }
.pr_45 { padding-right:45px !important; }
.pr_50 { padding-right:50px !important; }


/* 미디어 쿼리 */
@media only screen and (max-width:600px) {
	.listArea3 .listTable3.webChecklist { display:none; }
.listArea3 .listTable3.mobileChecklist { display:block; }
}

@media only screen and (max-width:500px) {
.listArea3 .listTable3.mobileChecklist h1 .infoImg { width:6%; }
}

/* 페이지위치 */
.pageLocation { padding:10px; color:#3d93d6; background:transparent; overflow:hidden; }
.pageLocation ul { float:right; }
.pageLocation ul li { float:left; }
.pageLocation ul li i { padding:0 10px; font-size:20px; }
.pageLocation span { padding:0 10px; }

/* 페이징 */
.pasingArea { padding:10px; background:#fff; }
.pasingArea .pasing { text-align:center; font-weight:bold; }
.pasingArea .pasing a { margin-right:5px; color:#333; }
.pasingArea .pasing i { vertical-align:middle; }
.pasingArea .pasingBox { padding-bottom:1px; /* vertical-align:middle; */ border:1px solid #ccc; background:#fff; }
.pasingArea .pasing .pasingBox i { font-size:15px; }
.pasingArea .pasing a.focus { color:#a61949; }

/*floating button*/
#contentsMenu { position:fixed; z-index:200; bottom:130px; display:none; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:12px; letter-spacing:-1px; font-weight:bold; color:#fff; background:#3d93d6; box-shadow:0 1px 1px #333; cursor:pointer; }
#gotoTop { position:fixed; z-index:200; bottom:85px; display:none; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:12px; font-weight:bold; color:#fff; background:#555; box-shadow:0 1px 1px #000; cursor:pointer; }
#goBack { position:fixed; z-index:200; bottom:40px; display:none; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:12px; letter-spacing:-1px; font-weight:bold; color:#fff; background-color:#555; box-shadow:0 0 3px #bbb; cursor:pointer; }

/* footer */
.footerWrap { padding:15px 0; width:100%; height:auto; border-top:1px solid #ccc; background:#347dbe; overflow:hidden; }
.footer { margin:0 auto; width:100%; max-width:1200px; }
.footer a { color:#fff; }
.footLogo { float:left; }
.footcopy { float:left; margin-left:20px; font-size:12px; font-weight:500; color:#fff; }

/*============================================================ media query ============================================================*/
@media only screen and (max-width :1366px){
/* #gotoTop { bottom:15px;  }
#contentsMenu { bottom:60px; }
 */}

@media only screen and (max-width :1259px){
.footLogo { float:left; margin-left:20px;}
.contsWrap { width:81.9%; }
}

@media only screen and (max-width :1117px){
/* 본문 컨텐츠 */
.contsWrap { width:80.9%; }
}

@media only screen and (max-width :1060px){
/* 본문 컨텐츠 */
.contsWrap { width:79.9%; }
}

@media only screen and (max-width:1023px) {
.wrapper { padding-left:0; }
.wrapper:before { display:none; }
.mainMenu { display:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
.contsWrap { float:none; width:100%; }
.footLogo { float:left; }

/* 모바일헤더 */
/* header .topMenu { position:absolute; left:1%; margin-left:55px; width:100%; } */
header .topMenu .topLeft { display:none; }
header .topMenu .topRight { display:none; }
header .mobileTopMenu { display:block; }
header .mobileTopMenu .headerLogo { position:absolute; top:13px; left:50%; margin-left:-52px; width:115px; height:43px; }
header .searchMenuBtn { position:absolute; z-index:10; top:20px; right:15px; padding-left:2px; font-size:0; background-color:transparent; outline:none; }
header .searchMenuBtn i { font-size:30px; color:#fff; }

#mainMenu .mobileMenu { display:block; }
#mainMenu .container .mobileMenu .depth3 { display:none; }

.mainSidebar .sidebar .sidebarMenu .depth1 .depth2 li:before { content:""; position:absolute; bottom:auto; left:18px; right:auto; margin-top:21px; width:8px; height:1px; background:#fff; z-index: 1; }
.mainSidebar .sidebar .sidebarMenu .depth1 .depth2 li:after { content:""; position:absolute; top:3px; bottom:3px; left:18px; border-left:1px solid #fff; }

/* esci / OA 아이콘 */
.mobileMenu .esci_oa { padding-top:5px; width:100%; height:100%; max-height:70px; background:#fff; border-bottom:1px solid #ddd; text-align:center; }
.mobileMenu .esci_oa a { padding:25px 70px; }
.container .mobileMenu .oa { width:170px; height:60px; }

/* 페이지위치 */
.pageLocation { font-size:13px; }
}

@media only screen and (max-width:969px) {
.footLogo { float:left; }
.footRight { display:none;}
}

@media only screen and (max-width:899px) {
.footerWrap { margin:0 auto; text-align:center; }
.footLogo { display:none; }
.footcopy {  float:none; margin-left:0; font-size:12px; font-weight:500; color:#fff; }
}

@media only screen and (max-width:799px) {
header .topMenu .topLeft { margin-left:30px; }
header .topMenu .topRight { margin-left:30px; }
}

@media only screen and (max-width:599px) {
/* 페이지위치 */
.pageLocation { display:none; }
#contentsMenu { bottom:-9999px; }
/* footer */
.footerWrap .footcopy .mibileBr { display:block; }
}