@charset "utf-8";
@import url('main.css');

/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
 body.scrollLock { overflow:hidden;}
.hidden { position:absolute; top:0; left:0; font-size:0;}
 
 /* 글자 줄바꿈  */
.txtWS {white-space:pre-wrap;}

/* 글자 색상 */
.txtRed1 { color:#f4516c !important;}
.txtRed2 { color:#fd2d2d !important;}
.txtRed3 { color:#fc9b3d !important;}
.txtBlue1 { color:#0c91e5 !important;}
.txtBlue2 { color:#2382d3 !important;}
.txtBlue3 { color:#28aedb !important;}
.txtBlue4 { color:#85c8f2 !important;}
.txtBlue5 { color:#3d5199 !important;}
.txtGreen1 { color:#06a2b4 !important;}
.txtBlack1 { color:#333333 !important;}
.txtBlack2 { color:#666 !important;}
.txtBlack3 { color:#888 !important;}
.txtBlack4 { color:#9ea3aa !important;}
.txtGray1 { color:#f5f6f8 !important;}
.txtGray2 { color:#cccccc !important;}
.txtGray3 { color:#dbdbdb !important;}
.txtWhite { color:#fff !important;}

/* 폰트크기 */
.f13{font-size:13px !important}
.f15 {font-size:15px !important}
.f20 {font-size:20px !important}
.f30 {font-size:30px !important}
/* 정렬 */
.txtCenter { text-align:center !important;}
.txtRight { text-align:right !important;}
.txtLeft { text-align:left !important;}

.txtNormal { font-weight:normal !important;}
.txtBold { font-weight:bold !important;}
.txtExBold {  font-weight:800 !important;}

/* 테이블 용을 바꾸기 */
.disTb { display:table !important;}
.disTbC { display:table-cell !important;}

/* 글자 자르기 */
.txtCut { overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis;}

/* 혹시 몰라 넣어놓는 간격들 */
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.ml0 { margin-left:0px !important;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml55 { margin-left:55px !important;}
.ml60 { margin-left:60px !important;}
.ml65 { margin-left:65px !important;}
.ml70 { margin-left:70px !important;}
.ml75 { margin-left:75px !important;}
.ml80 { margin-left:80px !important;}
.mr0 { margin-right:0px !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr55 { margin-right:55px !important;}
.mr60 { margin-right:60px !important;}
.mr65 { margin-right:65px !important;}
.mr70 { margin-right:70px !important;}
.mr75 { margin-right:75px !important;}
.mr80 { margin-right:80px !important;}

.pt0 { padding-top:0px !important;}
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt55 { padding-top:55px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pt70 { padding-top:70px !important;}
.pt75 { padding-top:75px !important;}
.pt80 { padding-top:80px !important;}
.pb0 { padding-bottom:0px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb55 { padding-bottom:55px !important;}
.pb60 { padding-bottom:60px !important;}
.pb65 { padding-bottom:65px !important;}
.pb70 { padding-bottom:70px !important;}
.pb75 { padding-bottom:75px !important;}
.pb80 { padding-bottom:80px !important;}
.pl0 { padding-left:0px !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl55 { padding-left:55px !important;}
.pl60 { padding-left:60px !important;}
.pl65 { padding-left:65px !important;}
.pl70 { padding-left:70px !important;}
.pl75 { padding-left:75px !important;}
.pl80 { padding-left:80px !important;}
.pr0 { padding-right:0px !important;}
.pr5 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr55 { padding-right:55px !important;}
.pr60 { padding-right:60px !important;}
.pr65 { padding-right:65px !important;}
.pr70 { padding-right:70px !important;}
.pr75 { padding-right:75px !important;}
.pr80 { padding-right:80px !important;}

/* font-family */
.gsL { font-family: 'Gmarket Sans'; font-weight:300;}
.gsR { font-family: 'Gmarket Sans'; font-weight:normal;}
.gsM { font-family: 'Gmarket Sans'; font-weight:500;}
.gsB { font-family: 'Gmarket Sans'; font-weight:bold;}
 
 /* layerPopup */
.layerPopWrap { visibility:hidden; overflow-y:auto; display:flex; justify-content: center; align-items:center; position:fixed; top:0; left:0; z-index:500; width:100%; height:100%; padding:20px 0; opacity:0; transition:all .2s ease; background:rgba(0,0,0,0.7);}
.layerPopWrap .layerPopCont {display:flex; display:-ms-flex; flex-direction:column; position: relative; width:auto; margin:auto 0; background:#fff}
.layerPopWrap .layerPopCont h1 { padding:30px 30px; font-size:15px; color:#111111; line-height:1; font-weight:normal;}
.layerPopWrap .popCont { padding:0px 60px 60px;}
.layerPopWrap .popCont .video { position:relative; width:700px; padding-top:52%;}
.layerPopWrap .popCont .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
.layerPopWrap .videoAndImg { width:830px; padding:0px 0px 0px;}
.layerPopWrap .videoAndImg .video { width:100%; padding-top:56%;}
.layerPopWrap .videoAndImg .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.layerPopWrap .btnClose { display:block; position:absolute; top:10px; right:40px; width:55px; height:55px; font-size:0; background:url('../images/common/btn_pop_close.png') no-repeat center center;}

.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont{ animation:fadeInDown .4s ease-in-out forwards;}

/* dotList */
.dotList {}
.dotList li { position:relative; padding-left:10px; font-size:18px; color:#666; line-height:1.888;}
.dotList li .line { color:#3f5db3; border-bottom:1px solid #3f5db3;}
.dotList li:before { content:''; display:block; position:absolute; left:0; top:17px; width:3px; height:2px; border-radius:2px; background:#666;}

/* tableWrap */
.tableList {}
.tableList .col1 { width:15%;}
.tableList .col2 { width:15%;}
.tableList .col3 { width:15%;}
.tableList th { padding-bottom:40px; border-bottom:4px solid #000; font-size:40px; color:#111111; line-height:1;}
.tableList td { border-bottom:1px solid #ebebeb; text-align:center;}
.tableList td.noData { padding:100px 0;}
.tableList td a { display:block; padding:35px 0; font-size:22px; color:#111111; font-weight:200; text-align:left;}
.tableList td.num { font-size:14px; color:#111;font-family: 'Gmarket Sans'; font-weight:bold;}
.tableList td.date { font-size:15px; color:#111; font-weight:200; word-break:break-all}
.tableList td .mediumLink { position:relative; padding:0 30px; font-size:16px; color:#29407e; font-weight:bold; text-align:left;}
.tableList td .mediumLink:after { content:''; display:block; position:absolute; top:50%; right:30px; width:16px; height:16px; background:url('../images/notice/icon_medium.png') no-repeat; transform:translateY(-50%);}

/* imgListTable */
.imgListTable { border-top:4px solid #000;}
.imgListTable > p.noData { display:flex; padding:100px; border-bottom:1px solid #ebebeb; justify-content: center; }
.imgListTable > a { display:flex; padding:30px 50px; border-bottom:1px solid #ebebeb;}
.imgListTable > a .number { flex: 0 0; font-size:14px; color:#111111; font-weight:bold;}
.imgListTable > a .img { flex: 0 0 auto; margin-left:60px; width:217px; height:145px; background:no-repeat center center / cover;}
.imgListTable > a .textBox { flex:1 1 auto; align-self: center; padding-left:40px;}
.imgListTable > a .textBox .tit { font-size:22px; color:#111111; font-family: 'Spoqa Han Sans'; font-weight:300;}
.imgListTable > a .textBox .text { overflow: hidden; margin-top:25px; font-size:16px; color:#999999; line-height:1.375; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.imgListTable > a .textBox .date { margin-top:20px; font-size:16px; color:#111;}
.imgListTable > a .icoFile { flex:0 0 auto; width:19px; height:19px; margin-left:20px; align-self: center; background:url('../images/notice/ico_file.png') no-repeat;}

/* videoListBox */
.videoListBox { display:flex; position:relative; padding-top:40px; margin-left:-80px; flex-wrap:wrap}
.videoListBox:before { content:''; display:block; position:absolute; top:0; left:80px; right:0; height:4px; background:#000;}
.videoListBox:after { content:''; display:block; position:absolute; bottom:0; left:80px; right:0; height:1px; background:#ebebeb;}
.videoListBox > a { flex:0 1 auto; width:calc(50% - 80px); margin-left:80px; margin-bottom:50px;}
.videoListBox > a .img { overflow:hidden; position:relative; padding-top:56.3%;}
.videoListBox > a .img span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center center / cover;}
.videoListBox > a .img:after { content:''; display:block; position:absolute; top:50%; left:50%; width:76px; height:76px; background:url('../images/notice/ico_video.png') no-repeat center center / 100%; transform: translate(-50%,-50%);}
.videoListBox > a .tit { padding-left:20px; margin-top:50px; font-size:35px; color:#111; font-family: 'Spoqa Han Sans'; font-weight:300;}
.videoListBox > a .date { padding-left:20px; margin-top:20px; font-family: 'Spoqa Han Sans'; font-size:20px;}

/* paging */
.paging { margin:125px 0; text-align:center;}
.paging strong,
.paging a { display:inline-block; width:30px; height:30px; margin:0 0px; font-size:16px; color:#111; line-height:28px; vertical-align:middle;}
.paging strong { background:#ebebeb;}
.paging [class*=btn] { margin-top:-2px; font-size:0; background:url('../images/common/btn_paging_right.png') no-repeat center center;}
.paging .btnRight { transform:rotate(0deg);}
.paging .btnLeft { transform:rotate(180deg);}
	

 /* ==============================
 * content
 * ============================== */
#container { overflow: hidden; padding-top:245px;}
#container img { max-width:100%;}

.innerBox { position:relative; width:100%; max-width:1400px; padding:0 10px; margin:0 auto;}

h1.contTit { margin-bottom:60px; font-size:50px; color:#111; font-weight:100; line-height:1;}
.locationBar { position:absolute; top:15px; right:10px;}
.locationBar span { display:inline-block; vertical-align:middle; font-size:14px; color:#999; font-weight:bold;}
.locationBar span:after { content:''; display:inline-block; width:1px; height:12px; margin:0 20px; background:#e5e5e5;}
.locationBar .iconHome { }
.locationBar .iconHome:before { content:''; display:inline-block; width:16px; height:16px; margin-top:-2px; vertical-align:middle; padding:0; background:url('../images/common/icon_location_home.png') no-repeat;}
.locationBar .iconHome:after { margin:0 20px; background:none;}
.locationBar .locationLink { display:inline-block; position:relative; width:160px;}
.locationBar .locationLink > a { display:block; color:#111; font-size:14px; font-weight:bold;}
.locationBar .locationLink > a:after { content:''; display:block; position:absolute; top:50%; right:0; width:9px; height:6px; margin-top:-3px; background:url('../images/common/icon_location_arrow.png') no-repeat; transition: all .3s ease;}
.locationBar .locationLink > a.on:after { transform:rotate(180deg);}
.locationBar .locationLink .list { display:none; position:absolute; top:40px; left:0; z-index:1; width:100%; box-shadow:0 0 3px 2px rgba(0,0,0,0.2); background:#fff;}
.locationBar .locationLink .list a { display:block; padding:5px; line-height:25px; font-size:14px; transition: all .3s ease;}
.locationBar .locationLink .list a.on { color:#fff; background:#28282e;}

.tabShareBox { display:flex; position:relative; min-height:45px; margin-bottom:60px;}
.tabShareBox .tabBox { display:flex; margin-right:80px; flex-wrap:wrap}
.tabShareBox .tabBox a { display:flex; position:relative; width:240px; height:45px; margin-right:8px; padding-left:25px; padding-right:50px; border:1px solid #b1b1b1; align-items:center; font-size:14px; color:#999999; font-weight:bold; background:#fff; transition:all .3s ease;}
.tabShareBox .tabBox a:after { content:''; display:block; position:absolute; top:50%; right:25px; width:11px; height:8px; background:url('../images/common/icon_tab.png') no-repeat; transform:translateY(-50%); transition:all .3s ease;}

.tabShareBox .tabBox a.on { box-shadow:0px 10px 30px 5px rgba(36,34,53,0.25); border-color:#324063; color:#fff; background:#324063;}
.tabShareBox .tabBox a.on:after { background-image:url('../images/common/icon_tab_on.png')}
.tabShareBox .inputBox { position:relative; width:690px; height:60px; padding-right:60px; margin-left:auto; border:5px solid #ccc;}
.tabShareBox .inputBox input { width:100%; border:0; padding:0 0 0 20px; height:100%; font-size:14px; background:none;}
.tabShareBox .inputBox .btnSearch { position:absolute; top:-4px; right:-4px; width:60px; height:60px; font-size:0; background:url('../images/common/btn_search.png') no-repeat center center;}

.tabShareBox.type2 { margin-bottom:50px;}
.tabShareBox.type2 .tabBox a { width:200px; margin-bottom:10px;}
.tabShareBox.type2 .tabBox a.on { background:#272c31;}

.shareList { position:absolute; top:-59px; right:20px; z-index: 2; transform:translateY(-50%);}
.shareList a { display:inline-block; width:24px; height:24px; margin-left:15px; font-size:0; opacity:0.3; transition:all .3s ease;}
.shareList a:hover { opacity:1;}
.shareList .btnPrint { background:url('../images/common/icon_share1.png') no-repeat;}
.shareList .btnShare { display:none; background:url('../images/common/icon_share2.png') no-repeat;}

/* hover */
html:not(.phone) .tabShareBox .tabBox a:hover{ border-color:#324063; color:#fff; background:#324063;}
html:not(.phone) .tabShareBox .tabBox a:hover:after { background-image:url('../images/common/icon_tab_on.png')}
html:not(.phone) .locationBar .locationLink .list a:hover { color:#fff; background:#28282e;}
html:not(.phone) .tabShareBox.type2 .tabBox a:hover { background:#272c31}

/* 신남방정책 */
.policy1 { margin-top:105px;}
.policy1 .section {}
.policy1 .section .innerBox { display:flex; flex-flow: row-reverse;}
.policy1 .section .textBox { width:590px; margin-right:auto;}
.policy1 .section .textBox h2 { font-size:40px; color:#111111; font-weight:bold; line-height:1.25;}
.policy1 .section .textBox .textGroup { margin-top:50px;}
.policy1 .section .textBox .textGroup:before { content:'"'; display:block; margin-bottom:15px; margin-left:-5px; font-size:30px; color:#000; font-style: italic;}
.policy1 .section .textBox .textGroup:after { content:'"'; display:block; margin-top:30px; margin-left:-5px; font-size:30px; color:#000; font-style: italic;}
.policy1 .section .textBox .tit { font-size:30px; color:#111;font-family: 'Spoqa Han Sans'; font-weight:300; line-height:1.333; letter-spacing: -1.5px;}
.policy1 .section .textBox .text { margin-top:40px; font-size:14px; color:rgba(17,17,17,0.6); line-height:1.7; font-family: 'Spoqa Han Sans'; letter-spacing: -1px;}
.policy1 .section .textBox .text + .text { margin-top:25px;}
.policy1 .section .textBox .date { margin-top:30px; font-size:16px; color:#999999;font-family: 'Spoqa Han Sans';}
.policy1 .section .img { margin-left:40px;}
.policy1 .section.bg { padding:100px 0 150px; margin-top:100px; background:#f6f7f8}
.policy1 .section.bg .innerBox { flex-flow: row;}
.policy1 .section.bg .textBox { margin-left:auto; margin-right:0;}
.policy1 .section.bg .img { margin-left:0; margin-right:40px; margin-top:-240px;}

.policy2 {}
.policy2 .textBox { display:flex; margin-bottom:100px;}
.policy2 .textBox h2 { flex:0 1 auto; width:460px; align-self: flex-end; font-family: 'Gmarket Sans'; font-size:80px; font-weight:normal; letter-spacing: -5px; margin-bottom:-25px;}
.policy2 .textBox h2 span { display:block; margin-bottom:80px; font-size:40px; color:rgba(17,17,17,0.3); letter-spacing:0px;;}
.policy2 .textBox .group { flex:1 1 auto;}
.policy2 .textBox .group > h3 { font-size:40px; color:#111111; font-weight:bold;}
.policy2 .textBox .group > .text { margin-top:50px; font-size:20px; color:#111; font-weight:bold; letter-spacing: -1px;}
.policy2 .textBox .group > .text + .text { margin-top:30px;}
.policy2 .textBox .group > .dateText { margin-top:60px; font-size:16px; color:#999999;}
.policy2 .textBox .group > .dateText strong { display:block; margin-bottom:10px; font-size:18px; color:#111;}
.policy2 .bg1 { display:block; height:722px; margin-top:-223px; background:no-repeat center center / cover;}

.policy2 .whyTextBox { display:flex; margin-top:80px; justify-content: space-between;}
.policy2 .whyTextBox .box { flex:1 1 auto;}
.policy2 .whyTextBox .box .infoTit { margin-bottom:60px; font-size:18px; color:#111; letter-spacing: -1px;}
.policy2 .whyTextBox .box .tit { font-size:20px; color:#111; font-weight:bold;}
.policy2 .whyTextBox .box .text { margin-top:20px; font-size:14px; color:#111; line-height:1.5;}
.policy2 .whyTextBox .box > div { position:relative; width:350px;}
.policy2 .whyTextBox .box > div + div { padding-top:40px; margin-top:40px; border-top:1px solid #dedede}
.policy2 .whyTextBox .box > div:after { content:''; display:block; position:absolute; bottom:0; right:0; width:55px; height:55px; background:no-repeat center center / 100%;}
.policy2 .whyTextBox .box .ico1:after { background-image:url('../images/policy/ico_policy2_1.png');}
.policy2 .whyTextBox .box .ico2:after { background-image:url('../images/policy/ico_policy2_2.png');}
.policy2 .whyTextBox .box .ico3:after { background-image:url('../images/policy/ico_policy2_3.png');}
.policy2 .whyTextBox .box .ico4:after { background-image:url('../images/policy/ico_policy2_4.png');}

.policy2 .sec02 { padding:140px 0 40px; background:#f7f7f7;}
.policy2 .sec03 { padding:140px 0 150px;}
.policy2 .sec03 .textBox { padding-bottom:60px; border-bottom:1px solid #e5e5e5;}
.policy2 .sec03 .img { position:relative;}
.policy2 .sec03 .img img { position:relative;}
/* .policy2 .sec03 .img:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1000px; background:url('../images/policy/img_policy2_1.png') repeat-x; transform: translateX(-100%);} */

.policy3 { padding-bottom:150px;}
.policy3 > .img { text-align:center;}
.policy3 h2 { margin-top:80px; margin-bottom:75px; padding-bottom:45px; border-bottom:1px solid #262262; font-size:42px; color:#262262; font-weight: normal;}
.policy3 .history { display:flex; flex-flow: row-reverse;}
.policy3 .history + .history { margin-top:100px; padding-top:100px; border-top:1px solid #eeeeee;}
.policy3 .history .img { margin-left:20px;}
.policy3 .history .textBox { width:580px; margin-right:auto; padding-top:60px;}
.policy3 .history .textBox .year { font-size:50px; color:#111111; font-weight:bold;}
.policy3 .history .textBox ul { margin-top:60px;}
.policy3 .history .textBox li { display:flex; position:relative; padding-left:10px; font-size:18px; color:#111; font-weight:200; letter-spacing: -1px; line-height:1.83;}
.policy3 .history .textBox li + li { margin-top:10px;}
.policy3 .history .textBox li:before { content:''; display:block; position:absolute; top:15px; left:0; width:3px; height:3px; border-radius:50%; background:#999999}
.policy3 .history .textBox li strong { flex:0 0 auto; display:inline-block; width:90px; line-height:1.83;}
.policy3 .history .textBox li .smallText { display:block; margin:10px 0; font-size:16px; color:#999999;}

.policy3 .history.type2 { flex-flow:row;}
.policy3 .history.type2 .textBox { margin-right:0; margin-left:auto;}
.policy3 .history.type2 .img { margin-left:0; margin-right:20px;}


.policy4_1 { margin-top:105px;}
.policy4_1 .top { display:flex; padding-bottom:35px; border-bottom:3px solid #000000;}
.policy4_1 .top h2 { font-size:40px; font-weight:bold; color:#cfcfcf; line-height:1.2; letter-spacing: -1px;}
.policy4_1 .top h2 span { color:#434343; font-weight:bold;}
.policy4_1 .top .tit { margin-left:auto; font-size:40px; color:#cfcfcf; font-weight:bold; line-height:1.2;}
.policy4_1 .top .tit strong { color:#434343; font-weight:bold;}
.policy4_1 .listBox { padding:70px 0 100px; background:#fafafa;}
.policy4_1 .listBox .innerBox { display:flex;}
.policy4_1 .listBox .innerBox > .tit { flex: 0 0 auto; width:300px; font-size:60px; color:#111;font-family: 'nixgon'; font-weight:200; line-height:1; letter-spacing: -1px;}
.policy4_1 .listBox .innerBox > .tit span { display:block; margin-top:15px; font-size:16px; color:#999999;font-family: 'NotoSans'; font-weight:bold; letter-spacing: 0;}
.policy4_1 .listBox .textBox { flex: 1 1 auto;}
.policy4_1 .listBox .textBox .box { display:flex;}
.policy4_1 .listBox .textBox .box + .box { margin-top:60px;}
.policy4_1 .listBox .textBox .imgBox { display:flex; flex:0 0 auto; width:270px; margin-right:20px;}
.policy4_1 .listBox .textBox .imgBox .number { width:60px; font-size:60px; color:#111;font-family: 'nixgon'; font-weight:200; line-height:1;}
.policy4_1 .listBox .textBox .imgBox .img { margin-left:auto;}

.policy4_1 .listBox .accodionList { width:700px; margin-left:auto;}
.policy4_1 .listBox .accodionList .tit { margin-bottom:10px; font-size:20px; color:#111111;}
.policy4_1 .listBox .accodionList .text { margin-bottom:20px; font-size:18px; color:#777777; line-height:1.55;}
.policy4_1 .listBox .accodionBox { border-bottom:1px solid #e9e9e9;}
.policy4_1 .listBox .accodionBox .accodionTit { display:block; position:relative; padding:25px 0; padding-right:40px; font-size:16px; font-weight:bold; color:#111111;}
.policy4_1 .listBox .accodionBox .accodionTit .number { display:inline-block; width:40px; font-size:16px; font-weight:bold; color:#111111;}
.policy4_1 .listBox .accodionBox .accodionTit:after { content:''; display:block; position:absolute; top:50%; right:0; width:23px; height:13px; background:url('../images/policy/icon_accodion_arrow.png') no-repeat center center /100%; transform:translateY(-50%); transition: all .3s ease;}
.policy4_1 .listBox .accodionBox .accodionTit.on:after { width:50px; height:50px; background:url('../images/policy/icon_accodion_close.png') no-repeat center center /100%;}
.policy4_1 .listBox .accodionBox .view { display:none; padding-bottom:45px;}
.policy4_1 .listBox .accodionBox .view .dotList li { font-size:16px; color:#777777;}
.policy4_1 .listBox .accodionBox .view .dotList li + li { margin-top:5px;}
.policy4_1 .listBox .accodionBox .view .dotList li .small { display:block; font-size:14px;}
.policy4_1 .listBox .accodionBox .view .dotList li:before { top:15px;}

.policy4_1 .listBox.bg2 { background:#ffffff;}
.policy4_1 .listBox.bg3 { background:#22325c;}

.policy4_1 .listBox.bg3 .innerBox > .tit, 
.policy4_1 .listBox.bg3 .textBox .imgBox .number { color:#fff;}
.policy4_1 .listBox.bg3 .accodionList .tit { color:#fff;}
.policy4_1 .listBox.bg3 .accodionList .text { color:#959fdc}
.policy4_1 .listBox.bg3 .accodionBox { border-bottom:1px solid #7d859a;}
.policy4_1 .listBox.bg3 .accodionBox .accodionTit,
.policy4_1 .listBox.bg3 .accodionBox .accodionTit .number { color:#fff;}
.policy4_1 .listBox.bg3 .accodionBox .view .dotList li { color:#c8cacf;}
.policy4_1 .listBox.bg3 .accodionBox .accodionTit:after { background-image:url('../images/policy/icon_accodion_arrow2.png')}
.policy4_1 .listBox.bg3 .accodionBox .accodionTit.on:after { background:url('../images/policy/icon_accodion_close.png') no-repeat center center /100%;}

.policy4_2 h2 { margin:105px 0 100px; font-size:40px; color:#111111; letter-spacing: -1px;}
.policy4_2 .textBox .tit { margin-bottom:25px; font-size:30px; color:#111; font-weight:bold; line-height:1;;}
.policy4_2 .textBox .text { font-size:18px; color:#111; line-height:1.8; letter-spacing: -1px;}
.policy4_2 .textBox ul { margin-top:65px;}
.policy4_2 .textBox li { position:relative; padding-left:40px; font-size:16px; color:#111111; letter-spacing: -1px;}
.policy4_2 .textBox li + li { margin-top:40px;}
.policy4_2 .textBox li .number { position:absolute; top:1px; left:0; display:inline-block; width:40px; font-size:14px; font-weight:bold; color:#111111;}
.policy4_2 .textBox li strong { font-weight:bold;}
.policy4_2 .textBox .subTit { margin-top:50px; font-size:20px; color:#111111; font-weight:bold;}
.policy4_2 .textBox .subText { margin-top:5px; font-size:16px; color:#777; line-height:1.75;}
.policy4_2 .textBox .subText strong { font-weight:bold;}

.policy4_2 .sec01 { padding:100px 0; background:#f8f8f8;}
.policy4_2 .sec01 .innerBox { display:flex; flex-flow: row-reverse;}
.policy4_2 .sec01 .innerBox .img { margin-left:20px;}
.policy4_2 .sec01 .textBox { width:630px; margin-right:auto;}

.policy4_2 .sec02 { padding:100px 0 150px;}
.policy4_2 .sec02 .innerBox { display:flex;}
.policy4_2 .sec02 .innerBox .img { margin-right:20px;}
.policy4_2 .sec02 .textBox { width:630px; margin-left:auto;}

.policy4_3 h2 { margin:105px 0 100px; font-size:40px; color:#111111; letter-spacing: -1px;}
.policy4_3 .bg { padding:60px 0 120px; background:#f8f8f8;}

@media screen and (max-width: 1400px) {
	.policy1 .section .textBox .tit br,
	.policy1 .section .textBox .text br { display:none;}
	
	.policy2 .textBox h2 { flex: 0 0 auto; width:300px;}
	.policy2 .textBox .group > .text br,
	.policy2 .textBox .group > .dateText br  { display:none;}

	.policy2 .sec03 .img:before { display:none;}

	.policy4_1 .listBox .accodionList { flex:1 1 auto; width:auto; max-width:700px;}
	.policy4_2 .textBox .text br { display:none;}
	.policy4_2 .textBox .subText br { display:none;}
}

@media screen and (max-width: 1200px) {
	.policy1 .section.bg .img { margin-top:-140px;}

	.policy4_1 .listBox .innerBox { display:block;}
	.policy4_1 .listBox .innerBox > .tit { width:auto; margin-bottom:40px;}
	.policy4_1 .listBox .innerBox > .tit span { display:inline-block; margin-left:20px;}
	.policy4_1 .listBox .accodionList { flex:1 1 auto; width:auto; max-width:100%;}
	.policy4_1 .listBox .accodionList .text br { display:none;}
}

@media screen and (max-width:1023px){
	.policy1 { margin-top:30px;}
	.policy1 .section .textBox h2 { font-size:25px;}
	.policy1 .section .textBox .textGroup { margin-top:30px;}
	.policy1 .section .textBox .textGroup:before{ margin-bottom:10px; font-size:17px;}
	.policy1 .section .textBox .textGroup:after { margin-top:15px; font-size:17px;}
	.policy1 .section .textBox .tit { font-size:17px;}
	.policy1 .section .textBox .text { margin-top:20px;}
	.policy1 .section .textBox .text + .text { margin-top:15px;}
	.policy1 .section.bg { padding:60px 0 60px;}

	.policy2 .textBox { display:block; margin-bottom:0px;}
	.policy2 .textBox h2 { width:100%; margin-bottom:40px; font-size:40px; letter-spacing: 0;}
	.policy2 .textBox h2 span { margin-bottom:20px; font-size:25px;}
	.policy2 .textBox .group > h3 { font-size:25px;}
	.policy2 .textBox .group > .text { margin-top:20px; font-size:14px; line-height:1.5;}
	.policy2 .textBox .group > .text + .text { margin-top:10px;}
	.policy2 .textBox .group > .dateText { margin-top:30px; font-size:14px;}
	.policy2 .textBox .group > .dateText strong { display:block; margin-bottom:10px; font-size:14px;}
	.policy2 .bg1 { height:auto; padding-top:50%; margin-top:0;}

	.policy2 .whyTextBox { margin-top:60px; margin-left:-20px;}
	.policy2 .whyTextBox .box { width:50%; padding-left:20px;}
	.policy2 .whyTextBox .box .infoTit { margin-bottom:30px; font-size:16px;}
	.policy2 .whyTextBox .box .tit { font-size:18px;}
	.policy2 .whyTextBox .box .text { margin-top:20px; font-size:14px;}
	.policy2 .whyTextBox .box > div { flex:1 1 auto; width:auto;}
	.policy2 .whyTextBox .box > div + div { padding-top:20px; margin-top:20px;}

	.policy2 .sec02 { padding:60px 0 40px;}
	.policy2 .sec03 { padding:60px 0 60px;}
	.policy2 .sec03 .textBox { padding-bottom:30px; margin-bottom:30px;}
	.policy2 .sec03 .img { position:relative;}
	.policy2 .sec03 .img img { position:relative;}
	.policy2 .sec03 .img:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1000px; background:url('../images/policy/img_policy2_1.png') repeat-x; transform: translateX(-100%);}

	.policy3 { padding-bottom:60px;}
	.policy3 h2 { margin-top:60px; margin-bottom:30px; padding-bottom:30px; font-size:25px;}
	.policy3 .history + .history { margin-top:50px; padding-top:50px;}
	.policy3 .history .textBox { padding-top:0px; align-self: center;}
	.policy3 .history .textBox .year { font-size:30px;}
	.policy3 .history .textBox ul { margin-top:30px;}
	.policy3 .history .textBox li {display:block; font-size:15px;}
	.policy3 .history .textBox li + li { margin-top:5px;}
	.policy3 .history .textBox li:before { top:8px;}
	.policy3 .history .textBox li strong { display:block; margin-bottom:10px; width:100%;}
	.policy3 .history .textBox li .smallText { margin:5px 0; font-size:14px;}

	.policy4_1 { margin-top:60px;}
	.policy4_1 .top { display:block; padding-bottom:20px;}
	.policy4_1 .top h2 { font-size:25px;}
	.policy4_1 .top .tit { margin-top:10px; font-size:25px;}
	.policy4_1 .listBox { padding:50px 0 60px;}
	.policy4_1 .listBox .innerBox > .tit { font-size:50px;}
	.policy4_1 .listBox .innerBox > .tit span { font-size:14px;}
	.policy4_1 .listBox .textBox .box + .box { margin-top:50px;}
	.policy4_1 .listBox .textBox .imgBox .number { font-size:40px;}
	
	.policy4_1 .listBox .accodionList .tit { margin-bottom:10px; font-size:20px;}
	.policy4_1 .listBox .accodionList .text { margin-bottom:15px; font-size:15px;}
	.policy4_1 .listBox .accodionBox .accodionTit { padding:20px 0; padding-right:40px; font-size:16px;}
	.policy4_1 .listBox .accodionBox .accodionTit .number {font-size:16px;}
	.policy4_1 .listBox .accodionBox .accodionTit.on:after { width:40px; height:40px;}
	.policy4_1 .listBox .accodionBox .view { padding-bottom:25px;}
	.policy4_1 .listBox .accodionBox .view .dotList li { font-size:14px;}
	.policy4_1 .listBox .accodionBox .view .dotList li + li { margin-top:5px;}
	.policy4_1 .listBox .accodionBox .view .dotList li .small { font-size:13px;}
	.policy4_1 .listBox .accodionBox .view .dotList li:before { top:13px;}

	.policy4_2 h2 { margin:30px 0 30px; font-size:30px;}
	.policy4_2 .innerBox .img { margin-left:0px; width:100%;}
	.policy4_2 .innerBox .img img { width:100%;}
	.policy4_2 .textBox .tit { margin-top:30px; margin-bottom:25px; font-size:25px;}
	.policy4_2 .textBox .text { font-size:15px;}
	.policy4_2 .textBox ul { margin-top:30px;}
	.policy4_2 .textBox li { padding-left:40px; font-size:16px;}
	.policy4_2 .textBox li + li { margin-top:15px;}
	.policy4_2 .textBox li .number {width:30px; font-size:14px;}
	.policy4_2 .textBox li strong { font-weight:bold;}
	.policy4_2 .textBox .subTit { margin-top:25px; font-size:18px;}
	.policy4_2 .textBox .subText { margin-top:5px; font-size:15px;}

	.policy4_2 .sec01 { padding:50px 0; background:#f8f8f8;}
	.policy4_2 .sec01 .innerBox { display:block;}
	.policy4_2 .sec01 .innerBox .img { margin-left:0px; width:100%;}
	.policy4_2 .sec01 .textBox { width:auto; margin-right:auto;}

	.policy4_2 .sec02 { padding:50px 0 60px;}
	.policy4_2 .sec02 .innerBox { display:block;}
	.policy4_2 .sec02 .innerBox .img { margin-right:0px; width:100%;}
	.policy4_2 .sec02 .textBox { width:auto; margin-left:auto;}

	.policy4_3 h2 { margin:30px 0 30px; font-size:30px;}
	.policy4_3 .bg { padding:30px 0 60px;}

}

@media screen and (max-width:768px){
	.policy1 .section .innerBox { display:block;}
	.policy1 .section .img { margin:0 0 20px; text-align:center;}
	.policy1 .section.bg .img { margin:0 0 20px;}
	.policy1 .section .textBox { width:100%;}

	.policy2 .textBox h2 { margin-bottom:20px;}
	.policy2 .whyTextBox { display:block; margin-top:40px;}
	.policy2 .whyTextBox .box { width:100%;}
	.policy2 .whyTextBox .box + .box { margin-top:60px;}

	.policy3 .history { display:block;}
	.policy3 .history.type2 .img,
	.policy3 .history .img { margin:0 0 20px; text-align:center;}
	.policy3 .history .textBox { width:auto;}

	.policy4_1 .listBox .textBox .box { display:block;}
	.policy4_1 .listBox .textBox .imgBox { width:auto; margin-bottom:20px;}
	.policy4_1 .listBox .textBox .imgBox .img { margin-left:20px;}
}

/* 신남방정책특별위원회 */
.committee1 { position:relative; padding:100px 0 80px; background:#f6f6f6;}
.committee1 .bg:before { content:''; display:block; position: absolute; bottom:0px; left:44px; width:508px; height:376px; background:url('../images/committee/bg_cipi.png') no-repeat center center / 100%;}
.committee1 .bg:after { content:''; display:block; position: absolute; top:333px; right:0px; width:574px; height:460px; background:url('../images/committee/bg_cipi2.png') no-repeat center center / 100%;}
.committee1 .tit { font-size:40px; color:#111111; font-weight:bold; letter-spacing: -1px;}
.committee1 .text { margin:50px 0 80px; font-size:20px; color:#111111; line-height:1.5;}
.committee1 .subTit { font-size:30px; font-weight:bold; color:#111;}
.committee1 .subTit span { display:block; font-size:16px; color:#111; font-weight: normal;}
.committee1 .imgBox { display:flex; position:relative; margin-top:25px;}
.committee1 .imgBox:after { content:''; display:block; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#e5e5e5;}
.committee1 .imgBox .img { flex:1 1 auto;}
.committee1 .btnGroup { display:flex; justify-content: flex-end; margin-bottom:40px; margin-top:30px;}
.committee1 .btnGroup a { display:flex; position:relative; width:280px; height:60px; margin-left:30px; padding-left:40px; border:1px solid #000000; border-radius:2px; align-items: center; font-size:14px; color:#111111; transition: all .3s ease;}
.committee1 .btnGroup a:after { content:''; display:block; position:absolute; top:50%; right:40px; width:13px; height:13px; margin-top:-6.5px; background:url('../images/committee/ico_download.png') no-repeat center center / 100%; transition: all .3s ease;}
.committee1 .btnGroup a:hover { color:#fff; background:#262262}
.committee1 .btnGroup a:hover:after { background:url('../images/committee/ico_download_on.png') no-repeat center center / 100%;}

.committee2 { padding:100px 0 80px; background:#f6f6f6;}
.committee2 .tit { font-size:40px; color:#111111; font-weight:bold; letter-spacing: -1px;}
.committee2 .text { margin:50px 0 80px; font-size:20px; color:#111111; line-height:1.5;}
.committee2 .img { margin:110px 0 150px;}

/* .committee3 {background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,247,248,1) 51%, rgba(240,240,242,1) 100%);} */
.committee3 .swiperWrap { margin-left:-100px;}
.committee3 .swiperWrap .slick-track { padding-bottom:200px;}
.committee3 .swiperWrap .listBox { margin-left:100px; transition: all .3s ease;}
.committee3 .swiperWrap .listBox a { display:block; outline:none; transition:all .3s ease;}
.committee3 .swiperWrap .listBox .img { overflow:hidden;}
.committee3 .swiperWrap .listBox .img img {width:100%; transition: all .3s ease;}
.committee3 .swiperWrap .listBox .textBox { overflow:hidden; position:relative; padding:0 50px; border:1px solid #fff; background:#fff;}
.committee3 .swiperWrap .listBox .textBox h2 { overflow:hidden; width:100%; padding-top:45px; font-size:24px; color:#111; text-overflow:ellipsis; white-space: nowrap;}
.committee3 .swiperWrap .listBox .textBox .text { overflow:hidden; height:44px; margin-top:20px; font-size:16px; color:#999; line-height:1.375; font-weight:300;}
.committee3 .swiperWrap .listBox .textBox .date { margin:35px 0 45px; font-size:16px; color:#999999; font-weight:200;}
.committee3 .swiperWrap .listBox .textBox .icon { display:block; position:absolute; bottom:77px; right:50px; width:24px; height:24px;}
.committee3 .swiperWrap .listBox .textBox .icon:after { content:''; display:block; position:absolute; top:0; left:50%; bottom:0; width:2px; margin-left:-1px; background:#e8e8e8;}
.committee3 .swiperWrap .listBox .textBox .icon:before { content:''; display:block; position:absolute; top:50%; left:0%; right:0; height:2px; margin-top:-1px; background:#e8e8e8;}
.committee3 .swiperWrap .listBox .textBox .fileBox { margin-bottom:70px;}
.committee3 .swiperWrap .listBox .textBox .fileBox span { display:inline-block; font-size:15px; color:#000000; margin-right:30px;}
.committee3 .swiperWrap .listBox .textBox .fileBox span:before { content:''; display:inline-block; width:19px; height:19px; margin-right:15px; background:url('../images/notice/ico_file.png') no-repeat center center / 100%;}

.committee3 .swiperWrap .listBox a:hover .img img { transform:scale(1.1)}

.committee3 .swiperWrap .slick-arrow { position:absolute; top:138px; width:100px; height:100px; border-radius:50%; font-size:0; outline:none; transition: all .3s ease;}
.committee3 .swiperWrap .slick-prev { left:50px; z-index:1; background:#fff url('../images/committee/icon_swipe_arrow2.png') no-repeat center center;}
.committee3 .swiperWrap .slick-prev:after { content:'PREV'; position:absolute; top:50%; left:-20px; font-size:16px; color:#999; transform:translateY(-50%);}
.committee3 .swiperWrap .slick-next { right:-50px; background:#fff url('../images/committee/icon_swipe_arrow.png') no-repeat center center;}
.committee3 .swiperWrap .slick-next:after { content:'NEXT'; position:absolute; top:50%; right:-20px; font-size:16px; color:#999; transform:translateY(-50%);}

.committee3 .slick-dots { position:absolute; bottom:123px; left:0; right:0; margin-left:100px; text-align:center;}
.committee3 .slick-dots li { display:inline-block;}
.committee3 .slick-dots li button { width:7px; height:7px; margin:0 5px; border-radius:50%; font-size:0; background:#e1e1e1; transition:all .3s ease;}
.committee3 .slick-dots li.slick-active button { width:21px; border-radius:5px; background:#22325c;}

.committee4 { padding-bottom:120px;}
.committee4 .visual { height:480px; background:url('../images/committee/img_visual4_1.jpg') no-repeat center center; background-size:cover;}
.committee4 .visual.bg2 { background-image:url('../images/committee/img_visual4_2.jpg');}
.committee4 .visual .innerBox { top:50%; transform:translateY(-50%);}
.committee4 .visual h2 { font-size:50px; font-weight:200; color:#ffffff;}
.committee4 .visual p { margin-top:15px; font-size:18px; color:#fff; font-weight:300; line-height:1.888;}
.committee4 .grayBox { overflow:hidden; padding-bottom:80px; background:#f8f8f8;}
.committee4 h3 { margin-top:90px; margin-bottom:15px; font-size:30px; font-weight:bold;}
.committee4 .text { font-size:18px; color:#666; line-height:1.888}
.committee4 .btnDownload { display:block; position:relative; width:350px; height:60px; margin-top:50px; padding-left:40px; border:1px solid #111; border-radius:2px; font-size:14px; line-height:60px; transition:all .3s ease;}
.committee4 .btnDownload:after { content:''; display:block; position:absolute; top:50%; right:40px; width:13px; height:13px; background:url('../images/common/icon_download.png') no-repeat; transform:translateY(-50%); transition:all .3s ease;}
.committee4 .btnDownload:hover { color:#fff; background:#111;}
.committee4 .btnDownload:hover:after { background:url('../images/common/icon_download_on.png')}
.committee4 .listBox { margin-top:30px; border-top:1px solid #e6e6e6;}
.committee4 .listBox a { display:flex; padding:25px 0; border-bottom:1px solid #e6e6e6; align-items:center;}
.committee4 .listBox a span { flex:0 0 auto; width:280px; padding-left:20px; font-size:16px; color:#666;}
.committee4 .listBox a p { flex:1 1 auto; position:relative; padding-right:50px; font-size:22px; color:#111; font-weight:200;}
.committee4 .listBox a p:after { content:''; display:block; position:absolute; top:50%; right:20px; width:30px; height:9px; background:url('../images/committee/icon_arrow_right.png') no-repeat; transition:all .3s ease;}
.committee4 .listBox a:hover { background:#f8f8f8;}
.committee4 .listBox a:hover p:after { right:30px;}
.committee4 .countryBox { margin-left:-28px; margin-top:55px; font-size:0;}
.committee4 .countryBox img { margin-left:28px; margin-bottom:10px;}
.committee4 .secHalf { overflow:hidden;}
.committee4 .secHalf > div { float:left; width:50%;}
.committee4 .secHalf h4 { margin-bottom:10px; font-size:22px; color:#111; font-weight:400;}

.committee5 { padding:40px 0px 150px; background:url('../images/committee/bg_organization.png') no-repeat center bottom / 100%;}
.committee5 .innerBox { display:flex;}
.committee5 .innerBox .box { flex:1 1 auto; display:block;}
.committee5 .box ul {}
.committee5 .box li { position:relative; padding-left:15px;}
.committee5 .box li:before { content:''; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#111111;}
.committee5 .box li + li { margin-top:25px;}
.committee5 .box li strong { display:inline-block; width:240px; font-size:20px; color:#111; font-weight:bold;}
.committee5 .box li a { font-size:20px; color:#ababab;}
.committee5 .box li a:hover { text-decoration:underline;}
.committee5 .box.type2 { display:flex; border-left:1px solid #e9e8ef; justify-content: center;}
.committee5 .box.type2 ul {}

/* hover */
html:not(.phone) .committee3 .swiperWrap .listBox:hover { box-shadow:0 10px 30px 5px rgba(0,0,0,0.05)}
html:not(.phone) .committee3 .swiperWrap .listBox:hover .textBox { border-color:#f2f2f2;}

@media screen and (max-width: 1600px) {

	.committee1 .text br { display:none;}
	.committee2 .text br { display:none;}
	
	.committee3 .swiperWrap .slick-prev { left:100px; opacity:0.4;}
	.committee3 .swiperWrap .slick-next { right:0; opacity:0.4;}
	.committee3 .swiperWrap .slick-prev:after,
	.committee3 .swiperWrap .slick-next:after { display:none;}
	.committee3 .swiperWrap .slick-prev:hover,
	.committee3 .swiperWrap .slick-next:hover { opacity:1;}
}

@media screen and (max-width: 1400px) {
	.committee3 .swiperWrap { margin-left:-50px;}
	.committee3 .swiperWrap .listBox { margin-left:50px;}
	.committee3 .slick-dots { margin-left:50px}
}

@media screen and (max-width: 1200px) {
	.committee4 .listBox a span { width:150px;}
}

@media screen and (max-width:1023px){
	.committee1 { padding:30px 0 40px;}
	.committee1 .tit { font-size:25px;}
	.committee1 .text { margin:30px 0 40px; font-size:16px;}
	.committee1 .subTit { font-size:25px;}
	.committee1 .subTit span { font-size:14px;}
	.committee1 .imgBox { margin-top:20px;}
	.committee1 .btnGroup { margin-top:20px;}
	.committee1 .btnGroup a { width:200px; height:50px; margin-left:15px; padding-left:20px; font-size:14px;}
	.committee1 .btnGroup a:after { right:20px;}

	.committee2 { padding:30px 0 60px;}
	.committee2 .tit { font-size:25px;}
	.committee2 .text { margin:30px 0 40px; font-size:16px;}
	.committee2 .img { margin:50px 0 60px;}

	.committee3 .swiperWrap { margin-left:-25px;}
	.committee3 .swiperWrap .slick-track { padding-bottom:100px;}
	.committee3 .swiperWrap .listBox { margin-left:25px;}
	.committee3 .swiperWrap .listBox .textBox { padding: 0 20px;}
	.committee3 .swiperWrap .listBox .textBox h2 { padding-top:25px; font-size:20px;}
	.committee3 .swiperWrap .listBox .textBox .text { height: 38px; font-size:14px; margin-top:10px;}
	.committee3 .swiperWrap .listBox .textBox .date { margin:25px 0 25px; font-size:14px;}
	.committee3 .swiperWrap .listBox .textBox .icon { bottom:20px; right:20px; width:12px; height:12px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox { margin-bottom:35px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox span { font-size:13px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox span:before { width:15px; height:15px; margin-top:-3px; vertical-align: middle; margin-right:10px;}
	
	.committee3 .slick-dots { bottom:40px; margin-left:25px}
	
	.committee3 .swiperWrap .slick-prev { left:25px; z-index:1; top:auto; bottom:40px; width:40px; height:40px; opacity:1;}
	.committee3 .swiperWrap .slick-next { right:0; z-index:1; top:auto; bottom:40px; width:40px; height:40px; opacity:1;}
	
	.committee4 { padding-bottom:60px;}
	.committee4 .visual { height:300px;} 
	.committee4 .visual h2 { padding-top:20px; font-size:30px;}
	.committee4 .visual p { margin-top:10px; font-size:16px;}
	.committee4 .grayBox { padding-bottom:45px;}
	.committee4 h3 { margin-top:45px; margin-bottom:10px; font-size:20px;}
	.committee4 .text { font-size:14px;}
	.committee4 .text br { display:none;}
	.committee4 .btnDownload { width:250px; height:40px; margin-top:25px; padding-left:10px; line-height:40px; font-size:12px; }
	.committee4 .btnDownload:after { right:10px;}
	.committee4 .listBox a { display:block; padding:15px 0;}
	.committee4 .listBox a span { padding-left:0px; width:auto; font-size:12px;}
	.committee4 .listBox a p { font-size:17px;}
	
	.committee4 .countryBox { margin-left:-15px; margin-top:30px;}
	.committee4 .countryBox img { margin-left:15px; margin-bottom:10px; width:50px;}
	.committee4 .secHalf > div { padding-right:15px;}
	.committee4 .secHalf h4 { margin-bottom:5px; font-size:17px;}

	.committee5 { padding:20px 0px 60px;}
	.committee5 .box li { padding-left:15px;}
	.committee5 .box li:before { content:''; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#111111;}
	.committee5 .box li + li { margin-top:20px;}
	.committee5 .box li strong { display:block; width:100%; font-size:18px;}
	.committee5 .box li a { display:block; margin-top:5px; font-size:16px;}
	.committee5 .box.type2 { display:block;}
	.committee5 .box.type2 ul { margin-left:20px;}
}

@media screen and (max-width:768px){
	.committee1 .imgBox { display:block;}
	.committee1 .imgBox .img + .img { margin-top:5px;}
	.committee1 .imgBox:after { display:none;}
	.committee1 .btnGroup { display:block;}
	.committee1 .btnGroup a { width:200px; margin:0 auto;}
	.committee1 .btnGroup a + a { margin-top:5px;}

	.committee4 .secHalf > div { float:none; width:100%;}
	.committee4 .secHalf > div + div { margin-top:20px;}

	.committee5 .innerBox { display:block;}
	.committee5 .box { width:100%;}
	.committee5 .box ul { display:flex; flex-wrap: wrap;}
	.committee5 .box li { width:50%; margin-bottom:20px; padding-right:6px;}
	.committee5 .box li:before { top:12px; left:0; width:3px; height:3px;}
	.committee5 .box li + li { margin-top:0px;}
	.committee5 .box li strong { display:block; font-size:16px;}
	.committee5 .box li a { display:block; margin-top:5px; font-size:14px; word-break: break-all;}
	.committee5 .box.type2 { display:block; border-left:0;}
	.committee5 .box.type2 ul { margin-left:0px;}
}

/* 신남방 국가 */
.countryWrap { margin:100px 0 150px;}
.countryWrap .innerBox { height:660px;}

.countryWrap .countryBox { overflow:hidden; display:flex; position:absolute; top:0; left:10px; right:10px; height:100%; padding:90px; background:url('../images/country/bg_country2.png') no-repeat center center / auto 100%;}

.countryWrap .countryBox.all { visibility: hidden; background:url('../images/country/bg_country1.png') no-repeat center center /auto 100%;}
.countryWrap .countryBox.all .left { display:flex; flex:1 1 auto; width:400px; flex-flow: column;}
.countryWrap .countryBox.all .left h2 { font-size:90px; color:#fff; line-height:1;}
.countryWrap .countryBox.all .left h2 span { display:block; font-size:40px; color:#999999; font-family: 'Gmarket Sans'; font-weight:200; line-height:1;}
.countryWrap .countryBox.all .left .tit { margin-top:auto; font-size:40px; color:#ffe8c6; font-weight:200;}
.countryWrap .countryBox.all .right { display:flex; flex:1 1 auto; flex-flow: column; justify-content: space-between;}
.countryWrap .countryBox.all .right dl {}
.countryWrap .countryBox.all .right dl dt { font-size:18px; color:#fff;}
.countryWrap .countryBox.all .right dl dt:before { content:''; display:block; width:60px; height:52px; margin-bottom:25px; background:url('../images/country/ico1.png') no-repeat center center / auto 100%;}
.countryWrap .countryBox.all .right dl dd { font-size:36px; color:#ffe8c6; font-weight: 200;}
.countryWrap .countryBox.all .right dl dd strong { font-size:18px; font-weight:bold;}
.countryWrap .countryBox.all .right dl.ico1 dt:before { background-image:url('../images/country/ico1.png');}
.countryWrap .countryBox.all .right dl.ico2 dt:before { background-image:url('../images/country/ico2.png');}
.countryWrap .countryBox.all .right dl.ico3 dt:before { background-image:url('../images/country/ico3.png');}
.countryWrap .countryBox.all .right .box { display:flex;}
.countryWrap .countryBox.all .right .box dl { width:50%;}
.countryWrap .countryBox.all .right .textBox {}
.countryWrap .countryBox.all .right .textBox .text { color:#fff; font-size:20px;}
.countryWrap .countryBox.all .right .textBox .smallText { margin-top:10px; color:#8a8a8a; font-size:14px;}

.countryWrap .countryBox.box { visibility: hidden;}
.countryWrap .countryBox.box .left { display:flex; flex:1 1 auto; margin-right:20px; flex-flow: column; justify-content: space-between;}
.countryWrap .countryBox.box .left .box { display:flex;}
.countryWrap .countryBox.box .left .box > div { width:50%;}
.countryWrap .countryBox.box .left h3 { font-size:24px; color:#c0bfbf; font-weight:bold;}
.countryWrap .countryBox.box .left h3:after { content:''; display:block; width:30px; height:1px; margin-top:25px; background:#403f40;}
.countryWrap .countryBox.box .left dl { margin-top:40px;}
.countryWrap .countryBox.box .left dt { font-size:19px; color:#ffe8c6;}
.countryWrap .countryBox.box .left dd { margin-top:5px; font-size:36px; color:#fff; font-weight:100;}
.countryWrap .countryBox.box .left dd em { font-weight:100;}
.countryWrap .countryBox.box .left .text { font-size:14px; color:#8a8a8a;}
.countryWrap .countryBox.box .right { display:flex; flex:1 1 auto; flex-flow: column; justify-content: space-between; margin-left:auto; text-align: right;}
.countryWrap .countryBox.box .right .country {}
.countryWrap .countryBox.box .right .country h2 { font-size:24px; color:#fff;}
.countryWrap .countryBox.box .right .country h2 span { display:block; font-family: 'nixgon'; font-weight:bold; text-transform: uppercase; color:#c0bfbf;}
.countryWrap .countryBox.box .right .country .text { margin-top:20px; font-size:14px; color:#8a8a8a; line-height:1.85; letter-spacing: -0.5px;}
.countryWrap .countryBox.box .right .img {}

.countryWrap .countryBox.on { visibility: visible;}
.countryWrap .countryBox.all.on dl.ico1 { animation:fadeInUp .5s ease both;}
.countryWrap .countryBox.all.on dl.ico2 { animation:fadeInUp .9s ease both;}
.countryWrap .countryBox.all.on dl.ico3 { animation:fadeInUp 1.3s ease both;}

.countryWrap .countryBox.box.on .left dl:nth-child(2) { animation:fadeInUp .5s ease both;}
.countryWrap .countryBox.box.on .left dl:nth-child(3) { animation:fadeInUp .9s ease both;}
.countryWrap .countryBox.box.on .left dl:nth-child(4) { animation:fadeInUp 1.3s ease both;}
.countryWrap .countryBox.box.on .right { animation:fadeInUp 1s ease both;}

@media screen and (max-width: 1400px) {
	.countryWrap .countryBox { padding:50px;}
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width:1023px){
	.countryWrap { margin:0 0 60px}
	.countryWrap .innerBox { height:600px;}

	.countryWrap .countryBox { padding:30px 20px;}

	.countryWrap .countryBox.all { display:flex; flex-flow: column;}
	.countryWrap .countryBox.all .left { width:auto; margin-bottom:0px; flex-flow: row; align-items: center;}
	.countryWrap .countryBox.all .left h2 { font-size:50px;}
	.countryWrap .countryBox.all .left h2 span { font-size:20px;}
	.countryWrap .countryBox.all .left .tit { margin-top:0; margin-left:auto; font-size:25px;}
	.countryWrap .countryBox.all .right { flex:1 1 auto; margin-top:30px;}
	.countryWrap .countryBox.all .right dl {}
	.countryWrap .countryBox.all .right dl dt { font-size:15px;}
	.countryWrap .countryBox.all .right dl dt:before { width:40px; height:35px; margin-bottom:15px;}
	.countryWrap .countryBox.all .right dl dd { font-size:25px;}
	.countryWrap .countryBox.all .right dl dd strong { font-size:15px;}
	.countryWrap .countryBox.all .right .box { margin-top:0px;}
	.countryWrap .countryBox.all .right .box dl { width:50%;}
	.countryWrap .countryBox.all .right .textBox {}
	.countryWrap .countryBox.all .right .textBox .text { font-size:15px;}
	.countryWrap .countryBox.all .right .textBox .smallText { font-size:12px;}

	.countryWrap .countryBox.box .left {}
	.countryWrap .countryBox.box .left h3 { font-size:20px;}
	.countryWrap .countryBox.box .left h3:after { width:20px; margin-top:25px;}
	.countryWrap .countryBox.box .left dl { margin-top:30px;}
	.countryWrap .countryBox.box .left dt { font-size:15px;}
	.countryWrap .countryBox.box .left dd { margin-top:5px; font-size:25px;}
	.countryWrap .countryBox.box .left .text { font-size:12px; color:#8a8a8a;}
	.countryWrap .countryBox.box .right { display:flex; flex:1 1 auto; flex-flow: column; justify-content: space-between; margin-left:auto; text-align: right;}
	.countryWrap .countryBox.box .right .country {}
	.countryWrap .countryBox.box .right .country h2 { font-size:24px;}
	.countryWrap .countryBox.box .right .country .text { margin-top:20px; font-size:14px;}
}

@media screen and (max-width:768px){
	.countryWrap .countryBox { height:auto;}
	.countryWrap .countryBox.all .right { justify-content: flex-start;}
	.countryWrap .countryBox.all .right dl { position:relative; padding-left:60px; margin-bottom:20px;}
	.countryWrap .countryBox.all .right dl dt:before { position:absolute; top:0; left:0;}
	.countryWrap .countryBox.all .right .box { display:block;}
	.countryWrap .countryBox.all .right .box dl { width:100%;}
	.countryWrap .countryBox.all .right .textBox { margin-top:auto;}

	.countryWrap .countryBox.box { flex-flow: column-reverse;}
	.countryWrap .countryBox.box .left h3 { font-size:18px;}
	.countryWrap .countryBox.box .left dl { margin-top:20px;}
	.countryWrap .countryBox.box .left .text { margin-top:20px;}
	.countryWrap .countryBox.box .right { margin-bottom:40px; margin-left:0; text-align:left;}
	.countryWrap .countryBox.box .right .img { margin-top:20px;}
}

/* noticeView */
.noticeView {}
.noticeView h2 { padding-left:60px; margin-bottom:35px; font-size:40px; color:#111; font-weight:bold;}
.noticeView .textBox { border-top:4px solid #000000;}
.noticeView .textBox .topHeader { position:relative; padding:0 180px 0 60px; background:#fafafa;}
.noticeView .textBox .fileBox { display:flex; height:80px; align-items:center;}
.noticeView .textBox .fileBox strong { flex:0 0 auto; width:110px; font-weight:bold; color:#111111; font-size:16px;}
.noticeView .textBox .fileBox a { display:inline-block; margin-right:10px; font-size:18px; color:#111; font-weight:200;}
.noticeView .textBox .date { position:absolute; top:50%; right:60px; font-size:16px; color:#999999; font-weight:normal; transform:translateY(-50%);}
.noticeView .editBox { padding:60px 60px 90px; border-bottom:1px solid #e0e0e0;}
.noticeView .editBox img {width:100%;}
.btnList { display:block; width:280px; height:60px; border:1px solid #000000; border-radius:2px; margin:80px auto 120px; line-height:58px; text-align:center; font-size:14px; transition:all .3s ease;}
.btnList:hover { color:#fff; background:#000;}


/* 타블렛, 모바일 */
@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {

	/* videoListBox */
	.videoListBox { margin-left:-40px; flex-wrap:wrap}
	.videoListBox:before,
	.videoListBox:after { left:40px;}
	.videoListBox > a { width:calc(50% - 40px); margin-left:40px;}
	
}

@media screen and (max-width:1023px){
	
	.innerBox { padding:0 20px;}
	
	.dotList li { font-size:14px; }
	.dotList li:before { top:13px;}

	.layerPopWrap .layerPopCont { width:97%; margin:auto;}
	.layerPopWrap .layerPopCont h1 { padding:30px; ;font-size:25px;}
	.layerPopWrap .popCont { padding:0 30px 30px;}
	.layerPopWrap .popCont .video { width:auto;}
	.layerPopWrap .btnClose { top:20px; right:20px;}
	.layerPopWrap .videoAndImg { width:100%; padding:0;}
	
	#container { padding-top:70px;}

	.shareList { display:none; top:45px;}

	/* videoListBox */
	.videoListBox > a { margin-bottom:40px;}
	.videoListBox > a .img:after { width:50px; height:50px;}
	.videoListBox > a .tit { padding-left:10px; margin-top:25px; font-size:25px;}
	.videoListBox > a .date { padding-left:10px; margin-top:10px; font-size:15px;}

	
	/* content */
	h1.contTit { margin:0; padding:40px 0px 30px 0; font-size:30px;}
	.locationBar { display:none;}
	.tabShareBox { min-height:auto; margin-bottom:0px;}
	.tabShareBox .tabBox { overflow:hidden; overflow-x:scroll; width:100%; margin-right:0; margin-bottom:40px; flex-wrap: nowrap;}
	.tabShareBox .tabBox a { display:block; flex:0 0 auto; width:auto; height:auto; margin:0 5px 0 0; padding:0px 20px; font-size:12px; font-weight:normal; line-height:40px;}
	.tabShareBox .tabBox a:after { position:static; display:inline-block; margin-top:4px; margin-left:12px; vertical-align: middle;}
	.tabShareBox .tabBox a.on { box-shadow:none;}
	.tabShareBox .inputBox { flex:1 1 auto; width:auto; height:50px; margin-bottom:40px; padding-right:50px;}
	.tabShareBox .inputBox input { font-size:12px;}
	.tabShareBox .inputBox .btnSearch { width:50px; height:50px;}

	.tabShareBox.type2 { margin-bottom:0;}
	.tabShareBox.type2 .tabBox a { width:auto;}
	
	/* tableWrap */
	.tableList .col1 { width:100px;}
	.tableList .col2 { width:150px;}
	.tableList .col3 { width:120px;}
	.tableList th { padding-bottom:20px; border-bottom:2px solid #000; font-size:25px;}
	.tableList td a { padding:20px 0; font-size:17px;}
	.tableList td.num { font-size:12px;}
	.tableList td.date { font-size:14px;}
	.tableList td .mediumLink { padding:0 15px; padding-right:35px; font-size:14px;}
	.tableList td .mediumLink:after { right:15px;}

	/* imgListTable */
	.imgListTable { border-top:2px solid #000;}
	.imgListTable > a { padding:20px 25px;}
	.imgListTable > a .number { font-size:14px;}
	.imgListTable > a .img { margin-left:30px; width:150px; height:120px;}
	.imgListTable > a .textBox { padding-left:30px;}
	.imgListTable > a .textBox .tit { font-size:17px;}
	.imgListTable > a .textBox .text { margin-top:15px; font-size:14px;}
	.imgListTable > a .textBox .date { margin-top:15px; font-size:14px;}

	
	/* paging */
	.paging { margin:60px 0; text-align:center;}
	.paging strong,
	.paging a { width:25px; height:25px; font-size:12px; line-height:22px;}

	/* noticeView */
	.noticeView h2 { padding-left:0px; margin-bottom:20px; font-size:30px;}
	.noticeView .textBox { border-top:2px solid #000000;}
	.noticeView .textBox .topHeader { padding:0 100px 0 30px;}
	.noticeView .textBox .fileBox {height:60px;}
	.noticeView .textBox .fileBox strong { width:80px; font-size:14px;}
	.noticeView .textBox .fileBox a { margin-right:5px; font-size:16px;}
	.noticeView .textBox .date { right:30px; font-size:14px;}
	.noticeView .editBox { padding:30px 30px 60px;}
	.btnList { width:200px; height:40px; margin:40px auto 60px; line-height:38px; font-size:12px;}

}

@media screen and (max-width:768px){
	/* tableWrap */
	.tableList .col1 { width:50px;}
	.tableList .col2 { width:60px;}
	.tableList .col3 { width:80px;}
	.tableList th { font-size:20px;}
	.tableList table { display:block; border-top:2px solid #000;}
	.tableList thead { display:none;}
	.tableList tbody { display:block;}
	.tableList tbody tr { display:block; position:relative; padding:10px 0; border-bottom:1px solid #ebebeb;}
	.tableList tbody .num { display:none;}
	.tableList td { display:block; border-bottom:0; text-align:left;}
	.tableList td a { padding:0 0 15px; font-size:15px; font-weight:normal;}
	.tableList td .mediumLink { position:absolute; bottom:12px; right:10px; min-height:16px; padding:0 0px; padding-right:25px; font-size:14px;}
	.tableList td .mediumLink:after { right:5px;}

	/* imgListTable */
	.imgListTable {}
	.imgListTable > a { display:block; position:relative; padding:15px 0;}
	.imgListTable > a .number { margin-bottom:10px;}
	.imgListTable > a .img { margin-left:0px; margin-bottom:10px;}
	.imgListTable > a .textBox { padding-left:00px;}
	.imgListTable > a .icoFile { position:absolute; top:20px; right:0;}


	.videoListBox { margin-left:-20px;}
	.videoListBox:after,
	.videoListBox:before { left:20px;}
	.videoListBox > a { width:calc(50% - 20px); margin-left:20px;}

	/* paging */
	.paging { margin:30px 0 60px;}
	
}

/* 복사용 */
@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width:1023px){
}

@media screen and (max-width:768px){
}




@media print {
	@page {
        size:  auto;
        margin: 0mm;
    }

	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }

	body{margin: 0mm 5mm 0mm 5mm; page-break-after: avoid; page-break-before: avoid}
	.mainCont #container{ padding-top:70px !important;}
	#container { padding-top:70px !important;}
	
	.animated { opacity:1 !important; animation:none !important;}
	
	/* header, footer */
	.headerBg { display:none;}
	#headerWrap {  position:relative}
	#header nav {display: none;}
	#header nav { position:absolute; top:0; right:100px; padding-left:0;}
	#header nav > ul > li { margin-right:40px;}
	#header nav > ul > li:nth-child(4) .subNav { right:0;}
	#header nav .lang { margin-right:0;}
	#header .subNav li a { font-size:14px;}
	
	#footerWrap .link { overflow:hidden; position:static; width:auto; margin-top:60px; margin-left:30px;}
	#footerWrap .link a { width:auto; margin-right:30px;}
	
	#footerWrap .address { margin-top:60px;}

	.headerBg { display:none;}
	#headerWrap { height:70px;}
	#header{ height:70px;}
	#header .logo a { width:100px; height:45px; background-size:100%;}
	#header .btnAll { width:38px; height:38px;}
	#header .btnAll:before { width:38px; height:4px;}
	#header .btnAll:after { width:38px; height:4px;}
	#header .btnAll span { font-size:0;}
	
	#header .btnAll:hover:before { margin-top:-10px;}
	#header .btnAll:hover:after { margin-top:6px;}

	.allMenuBox .menu { padding-left:10px; padding-top:60px;}
	.allMenuBox .menu > div { margin-bottom:40px;}
	.allMenuBox .menu h2 a { padding:20px 0 10px; font-size:20px;}
	.allMenuBox .menu ul { display:flex; position:relative; left:0;}
	.allMenuBox .menu li { display:block; margin-right:30px; margin-top:10px;}
	.allMenuBox .btnClose { width:20px; height:20px; top:20px; right:20px; background-size:cover;}
	.allMenuBox .lang { top:10px; left:30px; right:auto;}

	#footerWrap .innerBox { height:auto;}
	#footerWrap h1 { width:120px; height:26px; margin-left:0; margin-top:40px; background-size:100%;}
	#footerWrap .footerLinkGroup { position:static; margin-top:30px; margin-bottom:55px;}
	#footerWrap .footerLinkGroup .linkList { margin-left:0px; margin-right:10px;}
	#footerWrap .footerLinkGroup .linkList > a { width:150px; line-height:25px; font-size:12px;}
	#footerWrap .link { margin-top:13px; margin-left:0;}
	#footerWrap .link a { width:33.333%; margin-right:0; font-size:12px;}
	#footerWrap .address { margin-left:0; margin-top:30px; font-size:12px;}
	#footerWrap .copy { margin-left:0; margin-bottom:40px; margin-top:20px; font-size:10px;}
	#footerWrap .btnPageTop { height:50px; line-height:50px;}
	/* //header, footer */

	/* main */
	.mainVisual .img { left:0px; right:0px;}
	.mainVisual .visualNews { right:0;}

	.mainSec02 .countryMainBox { width:100%; padding-left:0; padding-top:90px;}
	.mainSec02 .countryMainBox .listBox { position:absolute; top:0; left:0; right:0; height:90px; padding:20px; background:#fff;}
	.mainSec02 .countryMainBox .listBox .scrollBox { overflow:hidden; overflow-x:scroll; display:flex; width:100%; height:100%; flex-wrap: nowrap;}
	.mainSec02 .countryMainBox .listBox .scrollBox a { display:flex; flex:0 0 auto; width:auto; height:auto; padding:0px 15px; font-size:16px; line-height:1.5; align-items: center;}
	.mainSec02 .countryMainBox .listBox .scrollBox a.on { font-size:28px;}

	.mainSec02 .countryWrap { position:relative; height:660px; margin-top:0px;}
	.mainSec02 .countryWrap .countryBox { padding:50px;}
	.mainSec02 .countryWrap .countryBox.all,
	.mainSec02 .countryWrap .countryBox.box { right:10px; background-size: cover;}
	.mainVisual .btnArrow { bottom:250px}
	
	.mainSec01 .listBox .box {width: calc(33.333% - 60px); margin:0 30px;}
	
	.mainSec03 .listBox h3,
	.mainSec03 .listBox .text,
	.mainSec03 .listBox .date { opacity:1; transform:translateY(0px); transition:all .3s ease .3s;}
	.mainSec03 .listBox .img { top:50%; left:0; width:420px;}
	.mainSec03 .listBox .img img { display:block; width:auto; height:300px;}
	.mainSec03 .listBox .innerBox { padding-left:450px;}
	.mainSec03 .listBox .list { padding-left:20px; padding-right:20px;}

	
	.mainTop { background:url(../images/main/bg_mainVisual_m.jpg) no-repeat center bottom; background-size:cover;}
	.mainVisual .innerBox {height:auto;}
	.mainVisual .topTitle { font-size:60px; padding-top:25px;}
	.mainVisual .img { bottom:378px;}
	.mainVisual h1 { margin-top:-2px;}
	.mainVisual h1 span { font-size:42px;}
	.mainVisual h1 + .text { margin-top:10px; font-size:16px;}
	.mainVisual h1 + .text br { display:none;}
	.mainVisual .btnArrow { position:relative; top:0; left:0; width:200px; height:50px; margin-top:38px; line-height:50px; padding-left:20px; font-size:16px;}
	.mainVisual .videoWrap { position:relative; top:0; left:0px; width:100%; max-width:590px; height:auto; margin:36px auto 40px;}
	.mainVisual .videoWrap .videoText { left:20px; bottom:20px; font-size:12px;}
	.mainVisual .visualNews { position:relative; width:auto; height:378px; background:none;}
	.mainVisual .visualNews .list a { padding:35px 20px 40px;}
	.mainVisual .visualNews .list a:after { display:none;}
	.mainVisual .visualNews .list > div { height:auto;}
	.mainVisual .visualNews .list h3 { width:auto; font-size:24px; }
	.mainVisual .visualNews .list .text { width:auto; margin-top:10px; font-size:16px;}
	.mainVisual .visualNews .list .date { margin-top:18px; font-size:12px;}
	.mainVisual .visualNews .list .newsImg { overflow:hidden; position:relative; right:0; width:100%; height:150px; margin:30px auto 0px;}
	.mainVisual .visualNews .list .newsImg img { position:absolute; top:50%; left:50%; width:100%; /* max-width:100%; max-height:100%; */ transform:translate(-50%,-50%);}
	.mainVisual .visualNews .btnGroup { bottom:40px; left:20px;}
	.mainVisual .visualNews .btnGroup a { width:35px; height:35px; background-size:cover !important;}

	.mainSec01 { padding-bottom:60px;}
	.mainSec01 h2 { padding:60px 0 0; font-size:25px;}
	.mainSec01 .subText { margin-top:15px; font-size:15px;}
	.mainSec01 .topBox { padding:30px 15px; margin-top:50px;}
	.mainSec01 .topBox a { margin:0 15px;}
	.mainSec01 .topBox .text { margin-top:15px; font-size:15px;}
	.mainSec01 .listBox { padding:20px 20px 0px;}
	.mainSec01 .listBox .box { width:calc(50% - 40px); margin:0 20px; padding-top:20px;}
	.mainSec01 .listBox .box:nth-child(n+4) { margin-top:0px;}
	.mainSec01 .listBox .box .tit { font-size:18px;}
	.mainSec01 .listBox .box .text { margin-top:10px; font-size:14px;}
	.mainSec01 .listBox .box .number { margin-top:25px; font-size:18px;}
	.mainSec01 .listBox .box.full { display:flex; width:calc(100% - 40px); align-items: center;}
	.mainSec01 .listBox .box.full .tit { font-size:20px;}
	.mainSec01 .listBox .box.full .img { margin-left:auto; width:80px}

	
	.mainSec02 > h2 { padding:60px 0 30px; font-size:25px; line-height:1;}
	.mainSec02 .countryMainBox { padding-top:70px; margin-bottom:60px;}
	.mainSec02 .countryMainBox .listBox { height:70px; padding:10px;}
	.mainSec02 .countryMainBox .listBox .scrollBox a { font-size:15px;}
	.mainSec02 .countryMainBox .listBox .scrollBox a.on { font-size:18px;}
	.mainSec02 .countryWrap .countryBox { padding:30px 20px;}
	
	.mainSec03 { margin:0 20px 60px;}
	.mainSec03 h2 { margin:35px 0px 25px; font-size:25px; text-align:left;}
	.mainSec03 .innerBox { padding:0;}
	.mainSec03 .tabList { overflow:hidden; display:block; height:auto}
	.mainSec03 .tabList a { display:block; float:left; width:33.333%; height:40px; padding-left:0px; text-align:center; font-size:14px; line-height:40px;}
	.mainSec03 .tabList a:after { height:3px;}
	.mainSec03 .tabList a:before { display:none;}
	.mainSec03 .listBox:before { display:none;}
	.mainSec03 .listBox .img { position:static; width:auto; transform: translateY(0%);}
	.mainSec03 .listBox .innerBox { padding-left:0px; padding-top:20px;}
	.mainSec03 .listBox .list {height:auto; border-left:0; padding:0;}
	.mainSec03 .listBox h3 { margin-top:20px; font-size:18px;}
	.mainSec03 .listBox .text { margin-top:10px; font-size:15px;}
	.mainSec03 .listBox .date { margin-bottom:15px; font-size:14px;}
	.mainSec03 .listBox .list.bottom h3 { margin-top:30px;}
	.mainSec03 .noticeBox .btnMore { position:static; width:100px; height:20px; margin:30px auto 0; background-size:cover;}

	.mainSec03 .listBox h3 + .date { margin-top:15px;}
	
	.mainSec03 .listBox.type3 .list:after { bottom:50px}

	.mainSec03 .listBox.type3_1 h3 { font-size:18px;}
	.mainSec03 .listBox.type3_1 h3 + .date { font-size:14px;}
	.mainSec03 .listBox.type3_1 .list { padding:0 0px;}
	.mainSec03 .listBox.type3_1 .list a { position:relative; width:50%;}
	.mainSec03 .listBox.type3_1 .list a + a { padding-left:80px;}
	.mainSec03 .listBox.type3_1 .list a + a:after { content:''; display:block; position:absolute; top:50%; left:0%; width:1px; height:80px; background:#eaeaea; transform:translateY(-50%);}
	/* //main */

	/* 신남방 정책 */
	.policy1 .section .textBox .tit br,
	.policy1 .section .textBox .text br { display:none;}
	
	.policy2 .textBox h2 { flex: 0 0 auto; width:300px;}
	.policy2 .textBox .group > .text br,
	.policy2 .textBox .group > .dateText br  { display:none;}

	.policy2 .sec03 .img:before { display:none;}

	.policy4_1 .listBox .accodionList { flex:1 1 auto; width:auto; max-width:700px;}
	.policy4_2 .textBox .text br { display:none;}
	.policy4_2 .textBox .subText br { display:none;}
	.policy1 .section.bg .img { margin-top:-140px;}

	.policy4_1 .listBox .innerBox { display:block;}
	.policy4_1 .listBox .innerBox > .tit { width:auto; margin-bottom:40px;}
	.policy4_1 .listBox .innerBox > .tit span { display:inline-block; margin-left:20px;}
	.policy4_1 .listBox .accodionList { flex:1 1 auto; width:auto; max-width:100%;}
	.policy4_1 .listBox .accodionList .text br { display:none;}
	.policy1 { margin-top:30px;}
	.policy1 .section .textBox h2 { font-size:25px;}
	.policy1 .section .textBox .textGroup { margin-top:30px;}
	.policy1 .section .textBox .textGroup:before{ margin-bottom:10px; font-size:17px;}
	.policy1 .section .textBox .textGroup:after { margin-top:15px; font-size:17px;}
	.policy1 .section .textBox .tit { font-size:17px;}
	.policy1 .section .textBox .text { margin-top:20px;}
	.policy1 .section .textBox .text + .text { margin-top:15px;}
	.policy1 .section.bg { padding:60px 0 60px;}

	.policy2 .textBox { display:block; margin-bottom:0px;}
	.policy2 .textBox h2 { width:100%; margin-bottom:40px; font-size:40px; letter-spacing: 0;}
	.policy2 .textBox h2 span { margin-bottom:20px; font-size:25px;}
	.policy2 .textBox .group > h3 { font-size:25px;}
	.policy2 .textBox .group > .text { margin-top:20px; font-size:14px; line-height:1.5;}
	.policy2 .textBox .group > .text + .text { margin-top:10px;}
	.policy2 .textBox .group > .dateText { margin-top:30px; font-size:14px;}
	.policy2 .textBox .group > .dateText strong { display:block; margin-bottom:10px; font-size:14px;}
	.policy2 .bg1 { height:auto; padding-top:50%; margin-top:0;}

	.policy2 .whyTextBox { margin-top:60px; margin-left:-20px;}
	.policy2 .whyTextBox .box { width:50%; padding-left:20px;}
	.policy2 .whyTextBox .box .infoTit { margin-bottom:30px; font-size:16px;}
	.policy2 .whyTextBox .box .tit { font-size:18px;}
	.policy2 .whyTextBox .box .text { margin-top:20px; font-size:14px;}
	.policy2 .whyTextBox .box > div { flex:1 1 auto; width:auto;}
	.policy2 .whyTextBox .box > div + div { padding-top:20px; margin-top:20px;}

	.policy2 .sec02 { padding:60px 0 40px;}
	.policy2 .sec03 { padding:60px 0 60px;}
	.policy2 .sec03 .textBox { padding-bottom:30px; margin-bottom:30px;}
	.policy2 .sec03 .img { position:relative;}
	.policy2 .sec03 .img img { position:relative;}
	.policy2 .sec03 .img:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; width:1000px; background:url('../images/policy/img_policy2_1.png') repeat-x; transform: translateX(-100%);}

	.policy3 { padding-bottom:60px;}
	.policy3 h2 { margin-top:60px; margin-bottom:30px; padding-bottom:30px; font-size:25px;}
	.policy3 .history + .history { margin-top:50px; padding-top:50px;}
	.policy3 .history .textBox { padding-top:0px; align-self: center;}
	.policy3 .history .textBox .year { font-size:30px;}
	.policy3 .history .textBox ul { margin-top:30px;}
	.policy3 .history .textBox li {display:block; font-size:15px;}
	.policy3 .history .textBox li + li { margin-top:5px;}
	.policy3 .history .textBox li:before { top:8px;}
	.policy3 .history .textBox li strong { display:block; margin-bottom:10px; width:100%;}
	.policy3 .history .textBox li .smallText { margin:5px 0; font-size:14px;}

	.policy4_1 { margin-top:60px;}
	.policy4_1 .top { display:block; padding-bottom:20px;}
	.policy4_1 .top h2 { font-size:25px;}
	.policy4_1 .top .tit { margin-top:10px; font-size:25px;}
	.policy4_1 .listBox { padding:50px 0 60px;}
	.policy4_1 .listBox .innerBox > .tit { font-size:50px;}
	.policy4_1 .listBox .innerBox > .tit span { font-size:14px;}
	.policy4_1 .listBox .textBox .box + .box { margin-top:50px;}
	.policy4_1 .listBox .textBox .imgBox .number { font-size:40px;}
	
	.policy4_1 .listBox .accodionList .tit { margin-bottom:10px; font-size:20px;}
	.policy4_1 .listBox .accodionList .text { margin-bottom:15px; font-size:15px;}
	.policy4_1 .listBox .accodionBox .accodionTit { padding:20px 0; padding-right:40px; font-size:16px;}
	.policy4_1 .listBox .accodionBox .accodionTit .number {font-size:16px;}
	.policy4_1 .listBox .accodionBox .accodionTit.on:after { width:40px; height:40px;}
	.policy4_1 .listBox .accodionBox .view { padding-bottom:25px;}
	.policy4_1 .listBox .accodionBox .view .dotList li { font-size:14px;}
	.policy4_1 .listBox .accodionBox .view .dotList li + li { margin-top:5px;}
	.policy4_1 .listBox .accodionBox .view .dotList li .small { font-size:13px;}
	.policy4_1 .listBox .accodionBox .view .dotList li:before { top:13px;}

	.policy4_2 h2 { margin:30px 0 30px; font-size:30px;}
	.policy4_2 .innerBox .img { margin-left:0px; width:100%;}
	.policy4_2 .innerBox .img img { width:100%;}
	.policy4_2 .textBox .tit { margin-top:30px; margin-bottom:25px; font-size:25px;}
	.policy4_2 .textBox .text { font-size:15px;}
	.policy4_2 .textBox ul { margin-top:30px;}
	.policy4_2 .textBox li { padding-left:40px; font-size:16px;}
	.policy4_2 .textBox li + li { margin-top:15px;}
	.policy4_2 .textBox li .number {width:30px; font-size:14px;}
	.policy4_2 .textBox li strong { font-weight:bold;}
	.policy4_2 .textBox .subTit { margin-top:25px; font-size:18px;}
	.policy4_2 .textBox .subText { margin-top:5px; font-size:15px;}

	.policy4_2 .sec01 { padding:50px 0; background:#f8f8f8;}
	.policy4_2 .sec01 .innerBox { display:block;}
	.policy4_2 .sec01 .innerBox .img { margin-left:0px; width:100%;}
	.policy4_2 .sec01 .textBox { width:auto; margin-right:auto;}

	.policy4_2 .sec02 { padding:50px 0 60px;}
	.policy4_2 .sec02 .innerBox { display:block;}
	.policy4_2 .sec02 .innerBox .img { margin-right:0px; width:100%;}
	.policy4_2 .sec02 .textBox { width:auto; margin-left:auto;}

	.policy4_3 h2 { margin:30px 0 30px; font-size:30px;}
	.policy4_3 .bg { padding:30px 0 60px;}

	.policy1 .section .innerBox { display:block;}
	.policy1 .section .img { margin:0 0 20px; text-align:center;}
	.policy1 .section.bg .img { margin:0 0 20px;}
	.policy1 .section .textBox { width:100%;}

	.policy2 .textBox h2 { margin-bottom:20px;}
	.policy2 .whyTextBox { display:block; margin-top:40px;}
	.policy2 .whyTextBox .box { width:100%;}
	.policy2 .whyTextBox .box + .box { margin-top:60px;}

	.policy3 .history { display:block;}
	.policy3 .history.type2 .img,
	.policy3 .history .img { margin:0 0 20px; text-align:center;}
	.policy3 .history .textBox { width:auto;}

	.policy4_1 .listBox .textBox .box { display:block;}
	.policy4_1 .listBox .textBox .imgBox { width:auto; margin-bottom:20px;}
	.policy4_1 .listBox .textBox .imgBox .img { margin-left:20px;}
	/* //신남방 정책 */

	/* 위원회 안내 */
	.committee1 .text br { display:none;}
	.committee2 .text br { display:none;}
	
	.committee3 .swiperWrap .slick-prev { left:100px; opacity:0.4;}
	.committee3 .swiperWrap .slick-next { right:0; opacity:0.4;}
	.committee3 .swiperWrap .slick-prev:after,
	.committee3 .swiperWrap .slick-next:after { display:none;}
	.committee3 .swiperWrap .slick-prev:hover,
	.committee3 .swiperWrap .slick-next:hover { opacity:1;}
	.committee3 .swiperWrap { margin-left:-50px;}
	.committee3 .swiperWrap .listBox { margin-left:50px;}
	.committee3 .slick-dots { margin-left:50px}
	.committee4 .listBox a span { width:150px;}
	.committee1 { padding:30px 0 40px;}
	.committee1 .tit { font-size:25px;}
	.committee1 .text { margin:30px 0 40px; font-size:16px;}
	.committee1 .subTit { font-size:25px;}
	.committee1 .subTit span { font-size:14px;}
	.committee1 .imgBox { margin-top:20px;}
	.committee1 .btnGroup { margin-top:20px;}
	.committee1 .btnGroup a { width:200px; height:50px; margin-left:15px; padding-left:20px; font-size:14px;}
	.committee1 .btnGroup a:after { right:20px;}

	.committee2 { padding:30px 0 60px;}
	.committee2 .tit { font-size:25px;}
	.committee2 .text { margin:30px 0 40px; font-size:16px;}
	.committee2 .img { margin:50px 0 60px;}

	.committee3 .swiperWrap { margin-left:-25px;}
	.committee3 .swiperWrap .slick-track { padding-bottom:100px;}
	.committee3 .swiperWrap .listBox { margin-left:25px;}
	.committee3 .swiperWrap .listBox .textBox { padding: 0 20px;}
	.committee3 .swiperWrap .listBox .textBox h2 { padding-top:25px; font-size:20px;}
	.committee3 .swiperWrap .listBox .textBox .text { height: 38px; font-size:14px; margin-top:10px;}
	.committee3 .swiperWrap .listBox .textBox .date { margin:25px 0 25px; font-size:14px;}
	.committee3 .swiperWrap .listBox .textBox .icon { bottom:20px; right:20px; width:12px; height:12px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox { margin-bottom:35px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox span { font-size:13px;}
	.committee3 .swiperWrap .listBox .textBox .fileBox span:before { width:15px; height:15px; margin-top:-3px; vertical-align: middle; margin-right:10px;}
	
	.committee3 .slick-dots { bottom:40px; margin-left:25px}
	
	.committee3 .swiperWrap .slick-prev { left:25px; z-index:1; top:auto; bottom:40px; width:40px; height:40px; opacity:1;}
	.committee3 .swiperWrap .slick-next { right:0; z-index:1; top:auto; bottom:40px; width:40px; height:40px; opacity:1;}
	
	.committee4 { padding-bottom:60px;}
	.committee4 .visual { height:300px;} 
	.committee4 .visual h2 { padding-top:20px; font-size:30px;}
	.committee4 .visual p { margin-top:10px; font-size:16px;}
	.committee4 .grayBox { padding-bottom:45px;}
	.committee4 h3 { margin-top:45px; margin-bottom:10px; font-size:20px;}
	.committee4 .text { font-size:14px;}
	.committee4 .text br { display:none;}
	.committee4 .btnDownload { width:200px; height:40px; margin-top:25px; padding-left:10px; line-height:40px; font-size:12px; }
	.committee4 .btnDownload:after { right:10px;}
	.committee4 .listBox a { display:block; padding:15px 0;}
	.committee4 .listBox a span { padding-left:0px; width:auto; font-size:12px;}
	.committee4 .listBox a p { font-size:17px;}
	
	.committee4 .countryBox { margin-left:-15px; margin-top:30px;}
	.committee4 .countryBox img { margin-left:15px; margin-bottom:10px; width:50px;}
	.committee4 .secHalf > div { padding-right:15px;}
	.committee4 .secHalf h4 { margin-bottom:5px; font-size:17px;}

	.committee5 { padding:20px 0px 60px;}
	.committee5 .box li { padding-left:15px;}
	.committee5 .box li:before { content:''; display:block; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#111111;}
	.committee5 .box li + li { margin-top:20px;}
	.committee5 .box li strong { display:block; width:100%; font-size:18px;}
	.committee5 .box li a { display:block; margin-top:5px; font-size:16px;}
	.committee5 .box.type2 { display:block;}
	.committee5 .box.type2 ul { margin-left:20px;}
	/* //위원회 안내 */

	/* 신남방국가 */
	.countryWrap .countryBox { padding:50px;}
	.countryWrap { margin:0 0 60px}
	.countryWrap .innerBox { height:600px;}

	.countryWrap .countryBox { padding:30px 20px;}

	.countryWrap .countryBox.all { display:flex; flex-flow: column;}
	.countryWrap .countryBox.all .left { width:auto; margin-bottom:0px; flex-flow: row; align-items: center;}
	.countryWrap .countryBox.all .left h2 { font-size:50px;}
	.countryWrap .countryBox.all .left h2 span { font-size:20px;}
	.countryWrap .countryBox.all .left .tit { margin-top:0; margin-left:auto; font-size:25px;}
	.countryWrap .countryBox.all .right { flex:1 1 auto; margin-top:30px;}
	.countryWrap .countryBox.all .right dl dt { font-size:15px;}
	.countryWrap .countryBox.all .right dl dt:before { width:40px; height:35px; margin-bottom:15px;}
	.countryWrap .countryBox.all .right dl dd { font-size:25px;}
	.countryWrap .countryBox.all .right dl dd strong { font-size:15px;}
	.countryWrap .countryBox.all .right .box { margin-top:0px;}
	.countryWrap .countryBox.all .right .box dl { width:50%;}
	.countryWrap .countryBox.all .right .textBox .text { font-size:15px;}
	.countryWrap .countryBox.all .right .textBox .smallText { font-size:12px;}

	.countryWrap .countryBox.box .left h3 { font-size:20px;}
	.countryWrap .countryBox.box .left h3:after { width:20px; margin-top:25px;}
	.countryWrap .countryBox.box .left dl { margin-top:30px;}
	.countryWrap .countryBox.box .left dt { font-size:15px;}
	.countryWrap .countryBox.box .left dd { margin-top:5px; font-size:25px;}
	.countryWrap .countryBox.box .left .text { font-size:12px; color:#8a8a8a;}
	.countryWrap .countryBox.box .right { display:flex; flex:1 1 auto; flex-flow: column; justify-content: space-between; margin-left:auto; text-align: right;}
	.countryWrap .countryBox.box .right .country h2 { font-size:24px;}
	.countryWrap .countryBox.box .right .country .text { margin-top:20px; font-size:14px;}
	/* //신남방국가 */

	/* 알림마당 */

	/* videoListBox */
	.videoListBox { margin-left:-40px; flex-wrap:wrap}
	.videoListBox:before,
	.videoListBox:after { left:40px;}
	.videoListBox > a { width:calc(50% - 40px); margin-left:40px;}
	.innerBox { padding:0 20px;}
	
	.dotList li { font-size:14px; }
	.dotList li:before { top:13px;}

	.layerPopWrap .layerPopCont { width:90%; margin:auto;}
	.layerPopWrap .layerPopCont h1 { padding:30px; ;font-size:25px;}
	.layerPopWrap .popCont { padding:0 30px 30px;}
	.layerPopWrap .popCont .video { width:auto;}
	.layerPopWrap .btnClose { top:20px; right:20px;}
	.layerPopWrap .videoAndImg { width:100%; padding:0;}
	

	.shareList { display:none; top:45px;}

	/* videoListBox */
	.videoListBox > a { margin-bottom:40px;}
	.videoListBox > a .img:after { width:50px; height:50px;}
	.videoListBox > a .tit { padding-left:10px; margin-top:25px; font-size:25px;}
	.videoListBox > a .date { padding-left:10px; margin-top:10px; font-size:15px;}

	
	/* content */
	h1.contTit { margin:0; padding:40px 0px 30px 0; font-size:30px;}
	.locationBar { display:none;}
	.tabShareBox { min-height:auto; margin-bottom:0px;}
	.tabShareBox .tabBox { overflow:hidden; overflow-x:scroll; width:100%; margin-right:0; margin-bottom:40px; flex-wrap: nowrap;}
	.tabShareBox .tabBox a { display:block; flex:0 0 auto; width:auto; height:auto; margin:0 5px 0 0; padding:0px 20px; font-size:12px; font-weight:normal; line-height:40px;}
	.tabShareBox .tabBox a:after { position:static; display:inline-block; margin-top:4px; margin-left:12px; vertical-align: middle;}
	.tabShareBox .tabBox a.on { box-shadow:none;}
	.tabShareBox .inputBox { flex:1 1 auto; width:auto; height:50px; margin-bottom:40px; padding-right:50px;}
	.tabShareBox .inputBox input { font-size:12px;}
	.tabShareBox .inputBox .btnSearch { width:50px; height:50px;}

	.tabShareBox.type2 { margin-bottom:0;}
	.tabShareBox.type2 .tabBox a { width:auto;}
	
	/* tableWrap */
	.tableList .col1 { width:100px;}
	.tableList .col2 { width:150px;}
	.tableList .col3 { width:120px;}
	.tableList th { padding-bottom:20px; border-bottom:2px solid #000; font-size:25px;}
	.tableList td a { padding:20px 0; font-size:17px;}
	.tableList td.num { font-size:12px;}
	.tableList td.date { font-size:14px;}
	.tableList td .mediumLink { padding:0 15px; padding-right:35px; font-size:14px;}
	.tableList td .mediumLink:after { right:15px;}

	/* imgListTable */
	.imgListTable { border-top:2px solid #000;}
	.imgListTable > a { padding:20px 25px;}
	.imgListTable > a .number { font-size:14px;}
	.imgListTable > a .img { margin-left:30px; width:150px; height:120px;}
	.imgListTable > a .textBox { padding-left:30px;}
	.imgListTable > a .textBox .tit { font-size:17px;}
	.imgListTable > a .textBox .text { margin-top:15px; font-size:14px;}
	.imgListTable > a .textBox .date { margin-top:15px; font-size:14px;}

	
	/* paging */
	.paging { margin:60px 0; text-align:center;}
	.paging strong,
	.paging a { width:25px; height:25px; font-size:12px; line-height:22px;}

	/* noticeView */
	.noticeView h2 { padding-left:0px; margin-bottom:20px; font-size:30px;}
	.noticeView .textBox { border-top:2px solid #000000;}
	.noticeView .textBox .topHeader { padding:0 100px 0 30px;}
	.noticeView .textBox .fileBox {height:60px;}
	.noticeView .textBox .fileBox strong { width:80px; font-size:14px;}
	.noticeView .textBox .fileBox a { margin-right:5px; font-size:16px;}
	.noticeView .textBox .date { right:30px; font-size:14px;}
	.noticeView .editBox { padding:30px 30px 60px;}
	.btnList { width:200px; height:40px; margin:40px auto 60px; line-height:38px; font-size:12px;}
	/* //알림마당 */
	
}